Este guia explica a propriedade “nodeValue” do elemento HTML DOM em JavaScript.
O que é a propriedade “nodeValue” do elemento HTML DOM em JavaScript?
O elemento DOM (Document Object Model) “ nodeValue ” é uma propriedade útil que define e recupera o valor de um nó. Este método retorna “nulo” se o nó especificado se referir a um nó de elemento. Essa propriedade também retorna o texto de um nó se ele estiver incluído no nó de texto. Seu valor de retorno depende do tipo de nó.
Sintaxe (Definir “nodeValue”)
nó. nodeValue = valor
A sintaxe acima requer o “ valor ” que o usuário deseja definir para o nó desejado.
Sintaxe (Retorno “nodeValue”)
nó. nodeValue
Essa sintaxe fornecida retorna um “ nulo ” valor para os nós de elemento e documento, “ texto ” para comentários e nós de texto, e “ atributo ” para nós de atributos.
Vamos implementar a propriedade definida acima com a ajuda do exemplo indicado.
Exemplo: aplicando a propriedade “nodeValue” do elemento DOM para recuperar o texto de um elemento
Este exemplo aplica a propriedade “nodeValue” para obter o texto do botão criado.
Código HTML
Primeiro, observe o código abaixo indicado:
< botão > Novo botão. < / botão >< p eu ia = 'para' >< / p >
Nas linhas de código acima:
- O '
” adiciona um botão. - O ' ” incorpora um parágrafo vazio com um id “para”.
Código JavaScript
Agora, siga o código JavaScript indicado abaixo:
< roteiro >const elemento = documento. getElementsByTagName ( 'BOTÃO' ) [ 0 ] ;
deixe o resultado = elemento. childNodes [ 0 ] . nodeValue ;
documento. getElementById ( 'para' ) . HTML interno = ' O valor do nó é: ' + resultado ;
roteiro >
Nas linhas de código acima:
- Primeiro, declare uma variável “elem” que aplica o “ getElementsByTagName() ” para acessar o elemento por seu nome de tag colocado no índice “0”.
- Em seguida, a variável “resultado” usa o “ nodeValue ” propriedade vinculada com o “ childNodes ” para obter o valor do nó filho específico.
- Por último, o “ getElementById() ” acessa o parágrafo vazio usando seu id “para” para anexá-lo com o valor da variável “resultado”, ou seja, o texto do botão.
Saída
Vê-se que a saída mostra o texto do elemento “
Conclusão
Em JavaScript, o “ nodeValue ” do HTML DOM ajuda a definir e obter a propriedade de valor do nó. O valor retornado dessa propriedade depende do tipo de nó. Esta propriedade não mostra nenhum valor para o elemento, bem como para o documento. Este guia explicou brevemente a propriedade “nodeValue” do elemento HTML DOM em JavaScript.