HTML DOM Propiedades

Las propiedades son los valores de los nodos (elementos HTML) que puede obtener o establecer.

Interfaz de programación

Se puede acceder al HTML DOM mediante JavaScript (y otros lenguajes de programación).

Todos los elementos HTML se definen como objetos, y la interfaz de programación son los métodos y propiedades de los objetos.

Los métodos son acciones que puede realizar (como agregar o modificar elementos).

Las propiedades son valores que puede obtener o establecer (como el nombre o el contenido de un nodo).

Propiedad innerHTML

La forma más sencilla de obtener el contenido de un elemento es usar la propiedad innerHTML.

La propiedad innerHTML es útil para obtener o reemplazar el contenido de los elementos HTML.

Ejemplo

El siguiente código obtiene el innerHTML del elemento <p> con id="intro":

Ejemplo

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <p id="intro">Hello World!</p> <script> var txt=document.getElementById("intro").innerHTML; document.write(txt); </script> </body> </html>

Pruébelo »

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

lamp

La propiedad innerHTML se puede utilizar para obtener o cambiar cualquier elemento HTML, incluyendo <html> y <body>.

La propiedad nodeName especifica el nombre del nodo.

  • nodeName es de solo lectura
  • El nodeName de los nodos de elemento es igual al nombre de la etiqueta
  • El nodeName de los nodos de atributo es igual al nombre del atributo
  • El nodeName de los nodos de texto es siempre #text
  • El nodeName de los nodos de documento es siempre #document

Nota:nodeName siempre contiene el nombre de la etiqueta en mayúsculas de los elementos HTML.

Propiedad nodeValue

La propiedad nodeValue especifica el valor del nodo.

  • El nodeValue de los nodos de elemento es undefined o null
  • El nodeValue de los nodos de texto es el texto en sí
  • El nodeValue de los nodos de atributo es el valor del atributo

Obtener el valor de un elemento

El siguiente ejemplo recupera el valor del nodo de texto de la etiqueta <p id="intro">:

Ejemplo

<!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <p id="intro">Hello World!</p> <script> x=document.getElementById("intro"); document.write(x.firstChild.nodeValue); </script> </body> </html>

Pruébelo »

Propiedad nodeType

La propiedad nodeType devuelve el tipo de nodo. nodeType es de solo lectura.

Los tipos de nodo más importantes son:

Tipo de elemento NodeType
Elemento 1
Atributo 2
Texto 3
Comentario 8
Documento 9
Otras extensiones