HTML DOM ক্যাপশন অবজেক্টটি HTML উপাদানের সাথে যুক্ত। <ক্যাপশন> উপাদানটি টেবিলের ক্যাপশন (শিরোনাম) সেট করার জন্য ব্যবহৃত হয় এবং এটি টেবিলের প্রথম সন্তান হওয়া উচিত। আপনি ক্যাপশন অবজেক্ট ব্যবহার করে ক্যাপশন উপাদান অ্যাক্সেস করতে পারেন।
সম্পত্তি
দ্রষ্টব্য :নিচের প্রপার্টি HTML5 এ সমর্থিত নয়।
HTML DOM ক্যাপশন অবজেক্ট প্রপার্টি −
নিচে দেওয়া হলসম্পত্তি | বিবরণ |
---|---|
সারিবদ্ধ | ক্যাপশন সারিবদ্ধকরণ সেট করতে বা ফেরত দিতে। |
সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলএকটি ক্যাপশন অবজেক্ট তৈরি করা হচ্ছে -
var x = document.createElement("CAPTION");
উদাহরণ
আসুন HTML DOM ক্যাপশন অবজেক্ট -
এর একটি উদাহরণ দেখি<!DOCTYPE html> <html> <head> <style> table, th, td { border: 1px double black; margin-top: 14px; } </style> </head> <body> <p>Click the button below to create the caption for the table.</p> <button onclick="createCaption()">CREATE</button> <table id="SampleTable"> <tr> <td colspan="2" rowpan="2">TABLE</td> </tr> <tr> <td>Value 1</td> <td>Value 2</td> </tr> </table> <script> function createCaption() { var x = document.createElement("CAPTION"); var t = document.createTextNode("TABLE CAPTION"); x.appendChild(t); var table = document.getElementById("SampleTable") table.insertBefore(x, table.childNodes[0]); } </script> </body> </html>
আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
ক্রিয়েট বোতামে ক্লিক করলে -
উপরের উদাহরণে -
ক্লিক −
-এ createCaption() মেথড চালানোর জন্য আমরা প্রথমে CREATE বাটন তৈরি করেছি<button onclick="createCaption()">CREATE</button>
createCaption() মেথড ডকুমেন্ট অবজেক্টের createElement() মেথড ব্যবহার করে একটি ক্যাপশন এলিমেন্ট তৈরি করে এবং ভ্যারিয়েবল x এ বরাদ্দ করে। এটি তারপর "টেবিল ক্যাপশন" পাঠ্য সহ একটি পাঠ্য নোড তৈরি করেছে। তারপরে আমরা এলিমেন্টে টেক্সট নোড যুক্ত করেছি।
অবশেষে, আমরা
উপাদানটি "SampleTable" id ব্যবহার করে এবং insertBefore() পদ্ধতি ব্যবহার করে টেবিলের প্রথম সন্তান হিসাবে টেক্সট নোড সহ ক্যাপশনটি ইনসার্ট করেছি। <ক্যাপশন> শুধুমাত্র একটি টেবিলের প্রথম সন্তান হতে পারে -function createCaption() { var x = document.createElement("CAPTION"); var t = document.createTextNode("TABLE CAPTION"); x.appendChild(t); var table = document.getElementById("SampleTable") table.insertBefore(x, table.childNodes[0]); }
- C প্রোগ্রামিং
- C++
- Redis
- BASH প্রোগ্রামিং
- Python
- Java
- তথ্যশালা
- HTML
- JavaScript
- প্রোগ্রামিং
- CSS
- Ruby
- SQL
- IOS
- Android
- mongodb
- MySQL
- C#
- PHP
- SQL সার্ভার