Esta guía explica la propiedad 'nodeValue' del elemento HTML DOM en JavaScript.
¿Qué es la propiedad 'nodeValue' del elemento HTML DOM en JavaScript?
El elemento DOM (Document Object Model) “ valor de nodo ” es una propiedad útil que establece y recupera el valor de un nodo. Este método devuelve 'nulo' si el nodo especificado hace referencia a un nodo de elemento. Esta propiedad también devuelve el texto de un nodo si está encerrado en el nodo de texto. Su valor de retorno depende del tipo de nodo.
Sintaxis (establecer 'nodeValue')
nodo. valor de nodo = valor
La sintaxis anterior requiere el ' valor ” que el usuario quiere configurar para el nodo deseado.
Sintaxis (Retorna “nodeValue”)
nodo. valor de nodo
Esta sintaxis dada devuelve un ' nulo ” valor para los nodos de elemento y documento, “ texto ” para nodos de comentarios y texto, y “ atributo ” para nodos de atributos.
Implementemos la propiedad definida anteriormente con la ayuda del ejemplo indicado.
Ejemplo: aplicación de la propiedad 'nodeValue' del elemento DOM para recuperar el texto de un elemento
Este ejemplo aplica la propiedad “nodeValue” para obtener el texto del botón creado.
código HTML
Primero, mire el código indicado a continuación:
< botón > Botón nuevo. < / botón >< pag identificación = 'para' >< / pag >
En las líneas de código anteriores:
- El '
La etiqueta ” agrega un botón. - El ' La etiqueta ” incrusta un párrafo vacío con una identificación “para”.
Código JavaScript
Ahora, siga el código JavaScript que se indica a continuación:
< guion >constante elemento = documento. getElementsByTagName ( 'BOTÓN' ) [ 0 ] ;
deja que resulte = elemento. childNodes [ 0 ] . valor de nodo ;
documento. getElementById ( 'para' ) . HTML interno = ' El valor del nodo es: ' + resultado ;
guion >
En las líneas de código anteriores:
- Primero, declare una variable 'elem' que aplique el ' getElementsByTagName() ” para acceder al elemento por su nombre de etiqueta colocado en el índice “0”.
- A continuación, la variable 'resultado' utiliza el ' valor de nodo ” propiedad vinculada con el “ childNodes ” propiedad para obtener el valor del nodo secundario específico.
- Por último, el “ getElementById() El método accede al párrafo vacío usando su id 'para' para agregarle el valor de la variable 'resultado', es decir, el texto del botón.
Producción
Se ve que la salida muestra el texto del elemento “
Conclusión
En JavaScript, el “ valor de nodo La propiedad ” de HTML DOM ayuda a establecer y obtener la propiedad del valor del nodo. El valor devuelto de esta propiedad se basa en el tipo de nodo. Esta propiedad no muestra ningún valor para el elemento ni para el documento. Esta guía explica brevemente la propiedad 'nodeValue' del elemento HTML DOM en JavaScript.