এইচটিএমএল ডোম 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 অংশ সেট বা রিটার্ন করে। |
স্ট্যান্ডার্ড প্রোপার্টিজ এবং ইভেন্ট
| প্রোপার্টি | ইভেন্ট |
|---|---|
| সাপোর্ট করে। এখানে দেখুন | সাপোর্ট করে। এখানে দেখুন |