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