परिचय
HTML DOM nodeType प्रॉपर्टी नोड के प्रकार से संबंधित एक नंबर लौटाती है।
सिंटैक्स
नंबर मान वापस करना:
Node.nodeType
यहां, रिटर्न मान निम्न हो सकते हैं:
- एलिमेंट नोड्स के लिए नंबर '1'
- एट्रिब्यूट नोड्स के लिए नंबर '2'
- टेक्स्ट नोड्स के लिए नंबर '3'
- कमेंट नोड्स के लिए नंबर '8'
नोट: व्हाइटस्पेस को केवल टेक्स्ट नोड्स माना जाता है।
उदाहरण
<!DOCTYPE html>
<html>
<head>
<title>HTML DOM nodeType</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-nodeType</legend>
<label for="example">उदाहरण साइट: </label>
<input id="urlSelect" type="url" name="urlAddress" value="https://www.example.com" disabled>
<input type="button" onclick="getNodeTypes()" value="सभी प्रकार प्राप्त करें">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
var urlSelect = document.getElementById("urlSelect");
var commentNode = document.createComment("मेरा उदाहरण URL");
urlSelect.appendChild(commentNode);
var divDisplay = document.getElementById("divDisplay");
function getNodeTypes() {
divDisplay.textContent = 'बॉडी: ' + document.body.nodeType;
divDisplay.textContent += ' & इनपुट: ' + urlSelect.nodeType;
divDisplay.textContent += ' & कमेंट: ' + commentNode.nodeType;
}
</script>
</body>
</html>
आउटपुट
'सभी प्रकार प्राप्त करें' बटन पर क्लिक करने से पहले:
'सभी प्रकार प्राप्त करें' बटन पर क्लिक करने के बाद:
