HTML DOM HTML অবজেক্ট একটি HTML ডকুমেন্টের রুট (root) এলিমেন্ট <html> কে রিপ্রেজেন্ট করে। এটি পুরো ডকুমেন্টের প্যারেন্ট এলিমেন্ট।
সিনট্যাক্স: HTML অবজেক্ট এক্সেস করা
document.getElementsByTagName("HTML")[0]
বা সরাসরি: document.documentElement
উদাহরণ: পুরো HTML কন্টেন্ট পড়া ও দেখানো
<!DOCTYPE html>
<html>
<head>
<style>
body { text-align: center; }
.btn {
background-color: lightblue; border: none; height: 2rem;
border-radius: 50px; width: 60%; margin: 1rem auto; display: block;
}
.show {
font-size: 1rem; font-weight: bold; color: orange;
border: 2px solid green; padding: 10px; display: none;
}
</style>
</head>
<body>
<h1>DOM HTML Object Example</h1>
<button type="button" onclick="getContent()" class="btn">
Click me to get content inside HTML tag
</button>
<div class="show"></div>
<script>
function getContent() {
var content = document.getElementsByTagName("HTML")[0].innerHTML;
document.querySelector(".show").innerHTML = content;
document.querySelector(".show").style.display = "block";
}
</script>
</body>
</html>
আউটপুট
বাটনে ক্লিক করলে বর্তমান পেজের পুরো HTML কোড (innerHTML) একটি ডিভে প্রদর্শিত হবে।
ব্যবহারিক পরামর্শ
document.documentElementব্যবহার করা ভালো প্র্যাকটিস, কারণ এটি সরাসরি<html>এলিমেন্ট রিটার্ন করে।- পুরো ডকুমেন্টের HTML স্ট্রিং পাওয়ার জন্য
document.documentElement.outerHTMLব্যবহার করুন। - বড় পেজে
innerHTMLপড়লে পারফরম্যান্সে সমস্যা হতে পারে।
