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> .