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

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

রেফারেন্স

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

অপারেটর-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>


 

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


Details অবজেক্ট

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

নোট: <details> এলিমেন্ট বর্তমানে ক্রোম, সাফারি ৬+ এবং অপেরা ১৫+ সাপোর্ট করে।


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

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

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p><button onclick="myFunc()">ক্লিক করুন</button></p>
<script>
function myFunc() {
    var a = document.createElement("details");
    var b = document.createTextNode("কিছু অতিরিক্ত ডিটেইলস...");
    a.appendChild(b);
    document.body.appendChild(a);
}<p><button onclick="myFunc()">ক্লিক করুন</button></p>
</script>
</body>
</html>

ফলাফল




Details অবজেক্টর এক্সেস

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

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<details id="test">
অতিরিক্ত বর্ননা....
</details>
<p><button onclick="myFunc()">ক্লিক করুন</button></p>
<script>
function myFunc() {
    var a = document.getElementById("test");
    a.open = true;
}
</script>
</body>
</html>

ফলাফল




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

প্রোপার্টি বর্ণনা
open ইউজার বর্ননা অংশ দেখতে পারবে কিনা তা সেট বা রিটার্ন করে।

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

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