HTML DOM আর্টিকেল অবজেক্ট HTML
সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলএকটি নিবন্ধ বস্তু তৈরি করা হচ্ছে
var a = document.createElement("ARTICLE"); উদাহরণ
আসুন HTML DOM আর্টিকেল অবজেক্ট -
এর একটি উদাহরণ দেখি<!DOCTYPE html>
<html>
<body>
<h3>ARTICLE HEADING</h3>
<article id="ArticleObj">
<h1>Heading</h1>
<p>Sample Article Text</p>
</article>
<p>Click the below button to change article size and color</p>
<button onclick="ChangeArticle()">CHANGE</button>
<button onclick="AddArticle()">ADD</button>
<script>
function ChangeArticle() {
var x = document.getElementById("ArticleObj");
x.style.color = "green";
x.style.fontSize = "25px";
}
function AddArticle() {
var x = document.createElement("ARTICLE");
x.setAttribute("id", "myArticle");
document.body.appendChild(x);
var heading = document.createElement("H1");
var txt1 = document.createTextNode("Append Article");
heading.appendChild(txt1);
document.getElementById("myArticle").appendChild(heading);
}
</script>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
"পরিবর্তন" বোতাম-
-এ ক্লিক করুন
"যোগ করুন" বোতামে ক্লিক করুন -
উপরের উদাহরণে -
আমরা প্রথমে "ArticleObj" আইডি দিয়ে একটি নিবন্ধ তৈরি করেছি এবং এতে একটি শিরোনাম এবং একটি অনুচ্ছেদ −
<article id="ArticleObj"> <h1>Heading</h1> <p>Sample Article Text</p> </article>
তারপরে আমরা যথাক্রমে ChangeArticle() এবং AddArticle() ফাংশন চালানোর জন্য CHANGE এবং ADD নামে দুটি বোতাম তৈরি করেছি
<button onclick="ChangeArticle()">CHANGE</button> <button onclick="AddArticle()">ADD</button>
ChangeArticle() ফাংশনটি এর সাথে যুক্ত "ArticleObj" আইডি সহ উপাদান পায় এবং এর রঙ এবং ফন্টের আকার পরিবর্তন করে -
function ChangeArticle() {
var x = document.getElementById("ArticleObj");
x.style.color = "green";
x.style.fontSize = "25px";
} AddArticle() ফাংশনটি প্রথমে টাইপের নিবন্ধের একটি উপাদান তৈরি করে। এটি তারপর setAttribute পদ্ধতি ব্যবহার করে এটিকে "myArticle" আইডি নির্ধারণ করে। নিবন্ধ উপাদান তারপর ডকুমেন্ট বডি যোগ করা হয়. শিরোনাম তৈরি করা হয় এবং কিছু পাঠ্য সংযোজন করা হয় শিশু বৈশিষ্ট্য ব্যবহার করে। টেক্সট বিষয়বস্তুর সাথে শিরোনামটি তারপর আইডি "myArticle" সহ নিবন্ধে যুক্ত করা হয় -
function AddArticle() {
var x = document.createElement("ARTICLE");
x.setAttribute("id", "myArticle");
document.body.appendChild(x);
var heading = document.createElement("H1");
var txt1 = document.createTextNode("Append Article");
heading.appendChild(txt1);
document.getElementById("myArticle").appendChild(heading);
} 