HTML DOM createAttribute() পদ্ধতিটি একটি HTML উপাদানের জন্য JavaScript ব্যবহার করে একটি নির্দিষ্ট বৈশিষ্ট্য তৈরি করতে ব্যবহৃত হয়। createAttribute() পদ্ধতি প্রদত্ত নামের একটি বৈশিষ্ট্য তৈরি করে এবং একটি Attr অবজেক্ট হিসাবে বৈশিষ্ট্যটি ফেরত দেয়।
সিনট্যাক্স
নিচে createAttribute() মেথড -
এর জন্য সিনট্যাক্স দেওয়া হলdocument.createAttribute(attributename)
উদাহরণ
আসুন HTML DOM createAttribute() পদ্ধতি -
-এর একটি উদাহরণ দেখি<!DOCTYPE html>
<html>
<head>
<title>CREATE ATTRIBUTE</title>
<style>
#DIV1{
margin-top:15px;
width:250px;
height:200px;
border:2px solid blue;
background-color:lightgreen;
}
</style>
</head>
<body>
<p>Click the button to create a "class" attribute for the div element</p>
<button onclick="attrCreate()">CREATE</button>
<br>
<div>
<p>This is a sample div</p>
</div>
<script>
function attrCreate() {
var x = document.getElementsByTagName("div")[0];
var att = document.createAttribute("id");
att.value = "DIV1";
x.setAttributeNode(att);
}
</script>
</body>
</html> আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
ক্রিয়েট বোতামে ক্লিক করলে -
উপরের উদাহরণে -
আমরা “DIV1”
আইডি দিয়ে একটি স্টাইল তৈরি করেছি#DIV1{
margin-top:15px;
width:250px;
height:200px;
border:2px solid blue;
background-color:lightgreen;
} তারপরে আমরা একটি
উপাদান তৈরি করেছি যার ভিতরে একটি
উপাদান রয়েছে।
<div> <p>This is a sample div</p> </div>
তারপর, আমরা একটি CREATE বাটন তৈরি করেছি যেটি attrCreate() ফাংশন চালাবে যখন কোনো ব্যবহারকারী ক্লিক করবে -
<button onclick="attrCreate()">CREATE</button>
attrCreate() ফাংশন নথি অবজেক্টে getElementsByTagName() পদ্ধতি ব্যবহার করে
উপাদান পায় এবং এটি পরিবর্তনশীল x-এ বরাদ্দ করে। createAttribute() পদ্ধতি ব্যবহার করে আমরা "id" বৈশিষ্ট্য তৈরি করি এবং এর মান বৈশিষ্ট্য ব্যবহার করে এটিকে "DIV1" মান নির্ধারণ করে, যা আমরা পূর্বে তৈরি করা শৈলীর আইডি। অবশেষে, আমরা
উপাদান − এর মান সহ “id” বৈশিষ্ট্য সেট করি।
function attrCreate() {
var x = document.getElementsByTagName("div")[0];
var att = document.createAttribute("id");
att.value = "DIV1";
x.setAttributeNode(att);
} 