HTML DOM normalize() मेथड

परिचय

HTML DOM normalize() मेथड निर्दिष्ट नोड से खाली टेक्स्ट नोड्स को हटाता है और आसन्न टेक्स्ट नोड्स को जोड़ता है।

सिंटैक्स

normalize() कॉल करना:

document.normalize()

उदाहरण

<!DOCTYPE html>
<html>
<head>
<title>HTML DOM normalize()</title>
<style>
  form { width: 70%; margin: 0 auto; text-align: center; }
  * { padding: 2px; margin: 5px; }
  input[type="button"] { border-radius: 10px; }
</style>
</head>
<body>
  <form>
    <fieldset>
      <legend>HTML-DOM-normalize()</legend>
      <input type="text" id="textSelect" placeholder="यहां टाइप करें...">
      <input type="button" onclick="makeTextNode()" value="टेक्स्ट नोड बनाएं">
      <input type="button" onclick="normalizeDocument()" value="नॉर्मलाइज़ करें">
      <div id="appendedNodes">सभी टेक्स्ट नोड्स: </div>
      <div id="divDisplay"></div>
    </fieldset>
  </form>
  <script>
    var divDisplay = document.getElementById("divDisplay");
    var textSelect = document.getElementById("textSelect");
    var appendedNodesDiv = document.getElementById("appendedNodes");
    divDisplay.textContent = 'कुल टेक्स्ट नोड्स: ' + appendedNodesDiv.childNodes.length;
    function makeTextNode() {
      var textNode = document.createTextNode(textSelect.value);
      appendedNodesDiv.appendChild(textNode);
      if(textSelect.value === '') {
        divDisplay.textContent = 'खाली टेक्स्ट नोड बनाया गया';
      } else {
        divDisplay.textContent = 'मान के साथ टेक्स्ट नोड बनाया गया: ' + textSelect.value;
      }
      divDisplay.textContent += ', कुल टेक्स्ट नोड्स: ' + appendedNodesDiv.childNodes.length;
    }
    function normalizeDocument() {
      appendedNodesDiv.normalize();
      divDisplay.textContent = 'कुल टेक्स्ट नोड्स: ' + appendedNodesDiv.childNodes.length;
    }
  </script>
</body>
</html>

आउटपुट

किसी बटन पर क्लिक करने से पहले:

खाली इनपुट के साथ 'टेक्स्ट नोड बनाएं' बटन पर क्लिक करने के बाद:

गैर-खाली इनपुट के साथ 'टेक्स्ट नोड बनाएं' बटन पर क्लिक करने के बाद:

'नॉर्मलाइज़ करें' बटन पर क्लिक करने के बाद:

'नॉर्मलाइज़ करें' बटन पर क्लिक करने के बाद (दूसरी स्थिति):