জাভাস্ক্রিপ্ট জেকুয়েরি এঙ্গুলার জেএস এইচটিএমএল সিএসএস বুটস্ট্রাপ পিএইচপি সি প্রোগ্রামিং
ফোরাম
×

জাভাস্ক্রিপ্ট রেফারেন্স

রেফারেন্স

জাভাস্ক্রিপ্ট

অপারেটর-Operator স্টেটমেন্ট-Statement অ্যারে-Array বুলিয়ান-Boolean স্ট্রিং-String সংখ্যা-Number রেগুলার এক্সপ্রেশন-RegExp গণিত-Math তারিখ-Date গ্লোবাল-Global কনভার্শন-Conversion

এইচটিএমএল ডোম-DOM

ডোম ডকুমেন্ট-DOMDocument ডোম এলিমেন্ট-DOMElement ডোম এট্রিবিউট-DOMAttribute ডোম স্টাইল-DOMStyle ডোম ইভেন্ট-DOMEvent

ব্রাউজার বোম-BOM

উইনডো-Window হিস্টোরি-History লোকেশন-Location ন্যভিগেটর-Navigator স্ক্রিনScreen

এইচটিএমএল অবজেক্ট

<a> <abbr> <address> <area> <article> <aside> <audio> <b> <base> <bdo> <blockquote> <body> <br> <button> <canvas> <caption> <cite> <code> <col> <colgroup> <datalist> <dd> <del> <details> <dfn> <dialog> <div> <dl> <dt> <em> <embed> <fieldset> <figcaption> <figure> <footer> <form> <head> <header> <h1> - <h6> <hr> <html> <i> <iframe> <img> <ins> <input> button <input> checkbox <input> color <input> date <input> datetime <input> datetime-local <input> email <input> file <input> hidden <input> image <input> month <input> number <input> password <input> radio <input> range <input> reset <input> search <input> submit <input> text <input> time <input> url <input> week <kbd> <keygen> <label> <legend> <li> <link> <map> <mark> <menu> <menuitem> <meta> <meter> <nav> <object> <ol> <optgroup> <option> <output> <p> <param> <pre> <progress> <q> <s> <samp> <script> <section> <select> <small> <source> <span> <strong> <style> <sub> <summary> <sup> <table> <td> <th> <tr> <textarea> <time> <title> <track> <u> <ul> <var> <video>


 

এইচটিএমএল ডোম Caption অবজেক্ট


Caption অবজেক্ট

Caption অবজেক্ট এইচটিএমএল <Caption> এলিমেন্টকে প্রতিনিধিত্ব করে।


Caption অবজেক্ট তৈরি

আপনি document.createElement() মেথড ব্যবহার করে <Caption> এলিমেন্ট তৈরি করতে পারেনঃ

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
<style>
table, th, td {
    border: 1px solid black;
    margin-top: 20px;
}
</style>
</head>
<body>
<p><button onclick="myFunc()">ক্লিক করুন</button></p>
<table id="test">
  <tr>
    <th>মাস</th>
    <th>সঞ্চয়</th>
  </tr>
  <tr>
    <td>জানুয়ারি</td>
    <td>tk.২০০০০</td>
  </tr>
  <tr>
    <td>ফেব্রুয়ারি</td>
    <td>tk.১৫০০০</td>
  </tr>
</table>
<script>
function myFunc() {
    var a = document.createElement("caption");
    var b = document.createTextNode("মাসিক সঞ্চয়");
    a.appendChild(b);
    a.style.color= "teal";
    
    var table = document.getElementById("test")
    table.insertBefore(a, table.childNodes[0]);
}
</script>
</body>
</html>

ফলাফল




Caption অবজেক্ট এক্সেস

আপনি getElementById() ব্যবহার করে <Caption> এলিমেন্টকে এক্সেস করতে পারে

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
<style>
table, th, td {
    border: 1px solid gray;
}
</style>
</head>
<body>
<table>
  <caption id="test">মাসিক সঞ্চয়</caption>
  <tr>
    <th>মাস</th>
    <th>সঞ্চয়</th>
  </tr>
  <tr>
    <td>জানুয়ারি</td>
    <td>tk.২০০০০</td>
  </tr>
  <tr>
    <td>ফেব্রুয়ারি</td>
    <td>tk.১৫০০০</td>
  </tr>
</table>
<p><button onclick="myFunc()">ক্লিক করুন</button></p>

<script>
function myFunc() {
    var a = document.getElementById("test");
    a.style.color = "teal";
}
</script>
</body>
</html>

ফলাফল




পরামর্শঃআপনি টেবিল অবজেক্টের createCaption() মেথড ব্যবহার করে <caption> এলিমেন্ট তৈরি করতে পারবেন।

Caption অবজেক্ট প্রোপার্টি

প্রোপার্টি বর্ণনা
align এইচটিএমএল(৫) সাপোর্ট করে না। এর পরিবর্তে style.textAlign বা style.captionSide ব্যবহার করুন।

স্ট্যান্ডার্ড প্রোপার্টি এবং ইভেন্ট

প্রোপার্টি ইভেন্ট
সাপোর্ট করে। এখানে দেখুন সাপোর্ট করে। এখানে দেখুন