HTML DOM ফিগার অবজেক্টটি HTML
সিনট্যাক্স
চিত্র অবজেক্ট −
তৈরি করার জন্য সিনট্যাক্স নিচে দেওয়া হলvar p = document.createElement("FIGURE"); উদাহরণ
আপনি কিভাবে Figure অবজেক্ট −
তৈরি করতে পারেন তা নিচে দেওয়া হল<!DOCTYPE html>
<html>
<head>
<script>
function createFigure(){
var fig = document.createElement("FIGURE");
fig.setAttribute("id", "Figure1");
document.body.appendChild(fig);
var i = document.createElement("IMG");
i.setAttribute("src", "https://www.tutorialspoint.com/servlets/images/servletsmini-logo.jpg");
i.setAttribute("width", "250");
i.setAttribute("height", "200");
i.setAttribute("alt", "Eiffel Tower");
fig.appendChild(i);
}
</script>
</head>
<body>
<h2>HTML DOM figure object</h2>
<button onclick="createFigure()">CREATE</button><br><br>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
ক্রিয়েট বোতামে ক্লিক করলে -
উপরের উদাহরণে -
আমরা প্রথমে একটি CREATE বাটন তৈরি করেছি যা ব্যবহারকারী দ্বারা ক্লিক করলে createFigure() ফাংশনটি কার্যকর করবে -
<button onclick="createFigure()">CREATE>/button><br><br>
createFigure() ফাংশন নথি বস্তুর createElement() পদ্ধতি ব্যবহার করে চিত্র উপাদান তৈরি করে। setAttribute() ব্যবহার করে, আমরা ফিগার এলিমেন্টের আইডি সেট করি এবং অবশেষে appendChild() পদ্ধতি ব্যবহার করে ডকুমেন্টের বডিতে যোগ করি। তারপরে আমরা চিত্রের উপাদানের ভিতরে ইমেজ রাখার জন্য আরেকটি উপাদান img তৈরি করি।
setAttribute() পদ্ধতি ব্যবহার করে আমরা img উপাদান src, প্রস্থ, উচ্চতা এবং alt মান সেট করি। অবশেষে img উপাদানটিকে appendChild() পদ্ধতি ব্যবহার করে চিত্র উপাদানের শিশু হিসাবে যুক্ত করা হয় -
function createFigure(){
var fig = document.createElement("FIGURE");
fig.setAttribute("id", "Figure1");
document.body.appendChild(fig);
var i = document.createElement("IMG");
i.setAttribute("src", "EiffelTower.jpg");
i.setAttribute("width", "250");
i.setAttribute("height", "200");
i.setAttribute("alt", "Eiffel Tower");
fig.appendChild(i);
} 