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

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

রেফারেন্স

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

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


 

এইচটিএমএল ডোম সেকশন অবজেক্ট


সেকশন অবজেক্ট

সেকশন অবজেক্ট এইচটিএমএল(৫) এ নতুন।

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

বিশেষ দ্রষ্টব্য: <section> এলিমেন্টেটি ইন্টারনেট এক্সপ্লোরার ৮ এবং তার আগের ভার্সনে সমর্থন করে না।


একটি সেকশন অবজেক্ট তৈরি

document.createElement() পদ্ধতি ব্যবহারের মাধ্যমে আপনি একটি <section> এলিমেন্ট তৈরী করতে পারবেন:

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>

<button onclick="myFunc()">ক্লিক করুন</button>

<script>
function myFunc(){
	var a = document.createElement("section");
	a.setAttribute("id", "test");
	document.body.appendChild(a);

	var h = document.createElement("h2");
	var txt1 = document.createTextNode("স্যাট একাডেমী");
	h.appendChild(txt1);
	document.getElementById("test").appendChild(h);

	var p = document.createElement("p");
	var txt2 = document.createTextNode("বাংলাদেশের বৃহত্তম অনলাইন/অফলাইন আইটি একাডেমী।");
	p.appendChild(txt2);
	document.getElementById("test").appendChild(p);
}
</script>
</body>
</html>

ফলাফল




একটি সেকশন অবজেক্ট এক্সেস

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

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>

<section id="test">
	<h2>স্যাট একাডেমী</h2>
	<p>বাংলাদেশের বৃহত্তম অনলাইন/অফলাইন আইটি একাডেমী।</p>
</section>

<button onclick="myFunc()">ক্লিক করুন</button>

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

ফলাফল




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

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