Los últimos tutoriales de desarrollo web
 

JavaScript - Métodos DOM HTML


Métodos HTML DOM son acciones que puede realizar (en elementos HTML).

Propiedades HTML DOM son los valores (de elementos HTML) que se puede ajustar o cambiar.


La interfaz de programación DOM

El HTML puede acceder al 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.

Unapropiedad es un valor que se puede obtener o establecer (como cambiar el contenido de un elemento HTML).

Unmétodo es una acción que puede hacer (como añadir o eliminar un elemento HTML).


Ejemplo

En el siguiente ejemplo se 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>
Inténtalo tú mismo "

En el ejemplo anterior, getElementById es un método, mientras que innerHTML es una propiedad.


El getElementById Método

La forma más común para acceder a un elemento HTML es utilizar el id del elemento.

En el ejemplo anterior el getElementById método utilizado id="demo" para encontrar el elemento.


El innerHTML Propiedad

La forma más fácil de obtener el contenido de un elemento es usando el innerHTML propiedad.

El innerHTML propiedad es útil para conseguir o reemplazar el contenido de los elementos HTML.

El innerHTML propiedad puede utilizarse para obtener o cambiar cualquier elemento HTML, incluyendo <html> y <body> .