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

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

রেফারেন্স

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

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


 

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


area অবজেক্ট

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


এরিয়া অবজেক্ট তৈরি

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

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<img src="planets.gif" width="145" height="126" usemap="#planetmap">

<map id="test" name="planetmap">
</map>
<p><button onclick="myFunc()">ক্লিক করুন</button></p>

<p id="test2"></p>

<script>
function myFunc() {
    var a = document.createElement("area");
    a.setAttribute("href", "venus.html");
    a.setAttribute("shape", "circle");
    a.setAttribute("coords", "124,58,8");
    document.getElementById("test").appendChild(a);

    document.getElementById("test2").innerHTML = "এরিয়া এলিমেন্ট তৈরি হয়েছে, আপনি এখন ইমেজের venus এরিয়ায় ক্লিক করতে পারেন।";
}
</script>
</body>
</html>

ফলাফল




এরিয়া অবজেক্ট এক্সেস

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

উদাহরণ

<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<img src="planets.gif" width="145" height="126" usemap="#planetmap">
<map name="planetmap">
  <area id="test" shape="circle" coords="124,58,8" alt="Venus" href="venus.html">
</map>
<p><button onclick="myFunc()">ক্লিক করুন</button></p>
<p id="test2"></p>

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

ফলাফল



এরিয়া অবজেক্ট প্রোপার্টি

প্রোপার্টি বর্ণনা
alt একটি এরিয়ার alt এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে।
coords একটি এরিয়ার coords এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে।
hash href এট্রিবিউটের ভ্যালুর anchor অংশ সেট বা রিটার্ন করে।
host href এট্রিবিউটের ভ্যালুর hostname এবং port অংশ সেট বা রিটার্ন করে।
hostname href এট্রিবিউটের ভ্যালুর hostname অংশ সেট বা রিটার্ন করে।
href একটি এরিয়ার href এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে।
noHref এইচটিএমএল(৫)এ সাপোর্ট করে না।
একটি এরিয়ার noHref এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে।
origin href এট্রিবিউটের ভ্যালুর protocol, hostname এবং port অংশ রিটার্ন করে।
password href এট্রিবিউটের ভ্যালুর password অংশ সেট বা রিটার্ন করে।
pathname href এট্রিবিউটের ভ্যালুর pathname অংশ সেট বা রিটার্ন করে।
port href এট্রিবিউটের ভ্যালুর port অংশ সেট বা রিটার্ন করে।
protocol href এট্রিবিউটের ভ্যালুর protocol অংশ সেট বা রিটার্ন করে।
search href এট্রিবিউটের ভ্যালুর querystring অংশ সেট বা রিটার্ন করে।
shape একটি এরিয়ার shape এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে।
target একটি এরিয়ার target এট্রিবিউটের ভ্যালু সেট বা রিটার্ন করে।
username href এট্রিবিউটের ভ্যালুর username অংশ সেট বা রিটার্ন করে।

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

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