HTML DOM nodeValue प्रॉपर्टी

परिचय

HTML DOM nodeValue प्रॉपर्टी नोड के मान से संबंधित एक स्ट्रिंग लौटाती/सेट करती है।

सिंटैक्स

स्ट्रिंग मान वापस करना:

Node.nodeValue

यहां, रिटर्न मान निम्न हो सकते हैं:

• डॉक्यूमेंट नोड्स और एलिमेंट नोड्स के लिए 'null' मान
• एट्रिब्यूट नोड्स के लिए एट्रिब्यूट का 'मान'
• टेक्स्ट नोड्स और कमेंट नोड्स के लिए कंटेंट

nodeValue को स्ट्रिंग मान पर सेट करना:

Node.nodeValue = string

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

उदाहरण

<!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>छात्र</h3>
      <ul>
        <li>आदम</li>
        <li>एलेक्स</li>
        <li>बीना</li>
        <li>ईडन</li>
        <li>राजेश</li>
        <li>ज़म्पा</li>
      </ul>
      <input type="button" onclick="checkForBina()" value="बीना के लिए पुष्टि करें">
      <div id="divDisplay"></div>
    </fieldset>
  </form>
  <script>
    var divDisplay = document.getElementById("divDisplay");
    var studentList = document.getElementsByTagName("li");
    var status = 'उपस्थित नहीं';
    function checkForBina() {
      for(var i = 0; i < studentList.length; i++) {
        if(studentList[i].childNodes[0].nodeValue === 'बीना') {
          status = 'उपस्थित';
        }
      }
      divDisplay.textContent = 'बीना ' + status + ' है';
    }
  </script>
</body>
</html>

आउटपुट

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

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