এইচটিএমএল ডোম Figcaption অবজেক্ট
Figcaption অবজেক্ট
Figcaption অবজেক্ট এইচটিএমএল(৫)এ নতুন
Figcaption অবজেক্ট এইচটিএমএল <figcaption> এলিমেন্টকে প্রতিনিধিত্ব করে।
Figcaption অবজেক্ট তৈরি
আপনি document.createElement() মেথড ব্যবহার করে <figcaption> এলিমেন্ট তৈরি করতে পারেনঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p><button onclick="myFunc()">ক্লিক করুন</button></p>
<figure id="test">
<img src="../../images/satt.png" alt="sattacademy image" width="140" height="170">
</figure>
<script>
function myFunc() {
var a = document.createElement("figcaption");
var b = document.createTextNode("Fig.1 - স্যাট একাডেমী");
a.appendChild(b);
var c = document.getElementById("test");
c.appendChild(a);
}<p><button onclick="myFunc()">ক্লিক করুন</button></p>
</script>
</body>
</html>ফলাফল
Figcaption অবজেক্ট এক্সেস
আপনি getElementById() ব্যবহার করে <figcaption> এলিমেন্টকে এক্সেস করতে পারেনঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<figure>
<img src="../../images/satt.png" alt="sattacademy image" width="140" height="170">
<figcaption id="test">Fig.1 - স্যাট একাডেমী</figcaption>
</figure>
<p><button onclick="myFunc()">ক্লিক করুন</button></p>
<script>
function myFunc() {
var a = document.getElementById("test");
a.style.color = "teal";
}
</script>
</body>
</html>ফলাফল
স্ট্যান্ডার্ড প্রোপার্টি এবং ইভেন্ট
| প্রোপার্টি | ইভেন্ট |
|---|---|
| সাপোর্ট করে। এখানে দেখুন | সাপোর্ট করে। এখানে দেখুন |