এইচটিএমএল ডোম Label অবজেক্ট
Label অবজেক্ট
Label অবজেক্ট এইচটিএমএল <label> এলিমেন্টকে প্রতিনিধিত্ব করে।
Label অবজেক্ট তৈরি
আপনি document.createElement() মেথড ব্যবহার করে <label> এলিমেন্ট তৈরি করতে পারেনঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<form id="test" action="../form_action.php">
<input type="radio" name="sex" id="male" value="male">
</form>
<p><button onclick="myFunc()">ক্লিক করুন</button></p>
<script>
function myFunc() {
var a = document.createElement("label");
var b = document.createTextNode("পুরুষ");
a.setAttribute("for", "male");
a.appendChild(b);
document.getElementById("test").insertBefore(a,document.getElementById("male"));
}
</script>
</body>
</html>ফলাফল
Label অবজেক্ট এক্সেস
আপনি getElementById() ব্যবহার করে <label> এলিমেন্টকে এক্সেস করতে পারেনঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<label id="test" for="male">পুরুষ</label>
<input type="radio" name="sex" id="male" value="male"><br>
<p><button onclick="myFunc()">ক্লিক করুন</button></p>
<p id="test2"></p>
<script>
function myFunc() {
var a = document.getElementById("test").htmlFor;
document.getElementById("test2").innerHTML = a;
}
</script>
</body>
</html>ফলাফল
Label অবজেক্ট প্রোপার্টি
| প্রোপার্টি | বর্ণনা |
|---|---|
| control | একটি label এলিমেন্টের কন্ট্রোল রিটার্ন করে। |
| form | label সহ একটি ফর্মের রেফারেন্স রিটার্ন করে। |
| htmlFor | একটি label এলিমেন্টের for এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে। |
স্ট্যান্ডার্ড প্রোপার্টিজ এবং ইভেন্ট
| প্রোপার্টি | ইভেন্ট |
|---|---|
| সাপোর্ট করে। এখানে দেখুন | সাপোর্ট করে। এখানে দেখুন |