‘nodeValue’
property is used to get the value associated with a node.
Syntax
node.nodeValue
<!DOCTYPE html> <html> <head> <title>Node Value</title> </head> <body> <p class="color1" id="para1"> Good Morning </p> <script> var element = document.getElementById("para1"); alert(element.nodeValue); </script> </body> </html>
I am
trying to get the content in the paragraph tag. Load above page in browser,
surprisingly, I got null as the nodeValue. It is because, paragraph element has
one child node, which is a text node. To access the content ‘Good Morning’, I
need to call nodeValue property on the child node of paragraph.
Update
nodeValue.html like below.
nodeValue.html
<!DOCTYPE html> <html> <head> <title>Node Value</title> </head> <body> <p class="color1" id="para1"> Good Morning </p> <script> var element = document.getElementById("para1"); var childNodes = element.childNodes; alert(childNodes[0].nodeValue); </script> </body> </html>
Open
above page in browser, you can able to see the message ‘Good Morning’ in alert
box.
No comments:
Post a Comment