HTML DOM জোর দেওয়া বস্তুটি HTML উপাদানের সাথে যুক্ত। উপাদানটি কিছু পাঠ্যের উপর জোর দেওয়ার জন্য ব্যবহৃত হয় এবং এটি সেই পাঠটিকে তির্যকভাবে চিহ্নিত করে। আপনি যথাক্রমে createElement() বা getElementById() পদ্ধতি ব্যবহার করে জোর দেওয়া বস্তু তৈরি এবং অ্যাক্সেস করতে পারেন।
সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলএকটি জোর দেওয়া বস্তু তৈরি করা -
var e = document.createElement("EM"); উদাহরণ
আসুন আমরা জোর দেওয়া বস্তুর জন্য একটি উদাহরণ দেখি -
<!DOCTYPE html>
<html>
<body>
<h1>emphasized object example</h1>
<p>Create an em element by clicking the button below</p>
<button onclick="createEM()">CREATE</button>
<br><br>
<script>
function createEM() {
var e = document.createElement("EM");
var txt = document.createTextNode("HELLO WORLD");
e.appendChild(txt);
document.body.appendChild(e);
}
</script>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
ক্রিয়েট বোতামে ক্লিক করলে -
আমরা প্রথমে একটি ক্রিয়েট বোতাম তৈরি করেছি যা ব্যবহারকারী দ্বারা ক্লিক করলে createEM() পদ্ধতিটি কার্যকর করবে৷
<button onclick="createEM()">CREATE</button>
createEM() পদ্ধতি নথি বস্তুর createElement() পদ্ধতি ব্যবহার করে একটি উপাদান তৈরি করে। তারপরে এটি ভেরিয়েবল e এ উপাদানটিকে বরাদ্দ করে এবং ডকুমেন্ট অবজেক্টের createTextNode() পদ্ধতি ব্যবহার করে কিছু পাঠ্য সহ একটি টেক্সট নোড তৈরি করে। টেক্সট নোড তারপর উপাদান যুক্ত করা হয়. অবশেষে টেক্সট নোড সহ উপাদানটি appendChild() পদ্ধতি ব্যবহার করে নথির বডিতে যুক্ত করা হয় -
function createEM() {
var e = document.createElement("EM");
var txt = document.createTextNode("HELLO WORLD");
e.appendChild(txt);
document.body.appendChild(e);
} 