DHTML DOM (Modelo de Objetos de Documento)
- Página anterior CSS DHTML
- Página siguiente Eventos DHTML
DOM (Modelo de Objetos de Documento) nos permite acceder a cada elemento de un documento.
Ejemplo
Nota:La mayoría de los ejemplos DHTML necesitan IE 4.0+、Netscape 7+ o Opera 7+!
- Acceso a elementos
- ¿Cómo acceder a un elemento y cambiar su estilo?
- Cambio de atributos
- ¿Cómo acceder a un elemento de imagen y modificar la propiedad "src"?
- innerHTML
- ¿Cómo acceder y modificar el contenido de un elemento?
¿Cómo acceder a un elemento?
Los elementos deben tener una propiedad id definida y necesitar un lenguaje de script. JavaScript es el lenguaje de script con la mejor compatibilidad en navegadores, por lo que lo usamos.
<html>
<body>
<h1 id="header">Mi encabezado</h1>
<script type="text/javascript">
document.getElementById('header').style.color="red"
</script>
</body>
</html>
Este script puede cambiar el color del elemento de título y generar una salida.
Mi encabezado
- Página anterior CSS DHTML
- Página siguiente Eventos DHTML
