HTML DOM नोडवैल्यू प्रॉपर्टी

<घंटा/>

HTML DOM नोडवैल्यू प्रॉपर्टी नोड के मान के अनुरूप स्ट्रिंग लौटाती/सेट करती है।

निम्नलिखित वाक्य रचना है -

रिटर्निंग स्ट्रिंग मान

Node.nodeValue

यहां, वापसी मूल्य निम्नलिखित हो सकता है -

दस्तावेज़ नोड्स और एलिमेंट नोड्स के लिए मान 'शून्य' के रूप में
विशेषता नोड्स के लिए विशेषता के 'मान' के रूप में मान
टेक्स्ट नोड्स और टिप्पणी नोड्स के लिए सामग्री के रूप में मान

नोडवैल्यू सेट करें एक स्ट्रिंग मान के लिए

Node.nodeValue = string

नोट:व्हाइटस्पेस को केवल टेक्स्ट नोड्स के रूप में माना जाता है।

आइए हम HTML DOM नोडवैल्यू का एक उदाहरण देखें संपत्ति -

उदाहरण

<!DOCTYPE html>
<html>
<head>
<title>HTML DOM nodeValue</title>
<style>
   form {
      width:70%;
      margin: 0 auto;
      text-align: center;
   }
   * {
      padding: 2px;
      margin:5px;
   }
   input[type="button"] {
      border-radius: 10px;
   }
   ul{
      width: 30%;
      margin: 0 auto;
   }
</style>
</head>
<body>
   <form>
      <fieldset>
         <legend>HTML-DOM-nodeValue</legend>
         <h3>Students</h3>
         <ul>
            <li>Adam</li>
            <li>Alex</li>
            <li>Bina</li>
            <li>Eden</li>
            <li>Rajesh</li>
            <li>Zampa</li>
         </ul>
         <input type="button" onclick="checkForBina()" value="Confirm for Bina">
         <div id="divDisplay"></div>
      </fieldset>
   </form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var studentList = document.getElementsByTagName("li");
   var status = 'not Present';
   function checkForBina() {
      for(var i=0; i<studentList.length; i++){
         if(studentList[i].childNodes[0].nodeValue === 'Bina')
            status = 'Present';
         }
         divDisplay.textContent = 'Bina is '+status;
   }
</script>
</body>
</html>

आउटपुट

‘बीना के लिए पुष्टि करें . क्लिक करने से पहले ' बटन -

HTML DOM नोडवैल्यू प्रॉपर्टी

'बीना के लिए पुष्टि करें . पर क्लिक करने के बाद ' बटन -

HTML DOM नोडवैल्यू प्रॉपर्टी