HTML DOM কোড অবজেক্টটি HTML 5 ট্যাগের সাথে যুক্ত। এটি উপাদানের ভিতরে ঘিরে কোডের একটি অংশ চিহ্নিত করার জন্য ব্যবহৃত হয়। কোড অবজেক্ট মূলত উপাদানকে প্রতিনিধিত্ব করে।
সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলএকটি কোড অবজেক্ট তৈরি করা হচ্ছে -
var a = document.createElement("CODE"); উদাহরণ
আসুন HTML DOM কোড অবজেক্ট -
-এর একটি উদাহরণ দেখি<!DOCTYPE html>
<html>
<body>
<p>Click the below button to create a CODE element with some text</p>
<button onclick="createCode()">CREATE</button><br><br>
<script>
function createCode() {
var x = document.createElement("CODE");
var t = document.createTextNode("print('HELLO WORLD')");
x.appendChild(t);
document.body.appendChild(x);
}
</script>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
CREATE -
-এ ক্লিক করলে
উপরের উদাহরণে -
আমরা একটি ক্রিয়েট বোতাম তৈরি করেছি যা ব্যবহারকারী দ্বারা ক্লিক করলে createCode() পদ্ধতিটি কার্যকর করবে -
<button onclick="createCode()">CREATE</button><br><br>
createCode() পদ্ধতি ডকুমেন্ট অবজেক্টে createElement("CODE") পদ্ধতি ব্যবহার করে একটি উপাদান তৈরি করে। তৈরি করা উপাদানটি ভেরিয়েবল x এ বরাদ্দ করা হয়েছে। তারপর ডকুমেন্ট অবজেক্টে createTextNode() পদ্ধতি ব্যবহার করে কিছু টেক্সট সহ একটি টেক্সট নোড তৈরি করা হয়। এই টেক্সট নোডটি পরিবর্তনশীল x-এ appendChild() পদ্ধতি ব্যবহার করে এলিমেন্টে চাইল্ড হিসেবে যুক্ত করা হয়েছে।
টেক্সট নোডের সাথে এই উপাদানটিকে তারপর appendChild() পদ্ধতি ব্যবহার করে ডকুমেন্ট বডির চাইল্ড হিসাবে যুক্ত করা হয় -
function createCode() {
var x = document.createElement("CODE");
var t = document.createTextNode("print('HELLO WORLD')");
x.appendChild(t);
document.body.appendChild(x);
} 