JavaScript - Métodos HTML DOM
Los métodos HTML DOM son acciones que puede realizar (en elementos HTML).
Las propiedades HTML DOM son valores (de elementos HTML) que puede establecer o cambiar.
La interfaz de programación DOM
Se puede acceder al HTML DOM con JavaScript (y con otros lenguajes de programación).
En el DOM, todos los elementos HTML se definen como objetos .
La interfaz de programación son las propiedades y métodos de cada objeto.
Una propiedad es un valor que puede obtener o establecer (como cambiar el contenido de un elemento HTML).
Un método es una acción que puede realizar (como agregar o eliminar un elemento HTML).
Ejemplo
El siguiente ejemplo cambia el contenido (el innerHTML
) del <p>
elemento con id="demo"
:
Ejemplo
<html>
<body>
<p id="demo"></p>
<script>
document.getElementById("demo").innerHTML = "Hello World!";
</script>
</body>
</html>
En el ejemplo anterior, getElementById
es un método , mientras que innerHTML
es una
propiedad .
El método getElementById
La forma más común de acceder a un elemento HTML es usar el id
del elemento.
En el ejemplo anterior, el getElementById
método utilizado id="demo"
para encontrar el elemento.
La propiedad HTML interior
La forma más sencilla de obtener el contenido de un elemento es mediante la innerHTML
propiedad.
La innerHTML
propiedad es útil para obtener o reemplazar el contenido de los elementos HTML.
La innerHTML
propiedad se puede usar para obtener o cambiar cualquier elemento HTML, incluidos <html>
y <body>
.