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">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>
আউটপুট
'Get all Types' বাটনে ক্লিক করার আগে - ইনপুট ফিল্ড এবং বাটন দেখাবে।
'Get all Types' বাটনে ক্লিক করার পর - "Body: 1 & input: 1 & comment: 8" দেখাবে (body এবং input এলিমেন্ট নোড, comment কমেন্ট নোড)।
