এইচটিএমএল ডোম লিংক(Link) অবজেক্ট
লিংক(Link) অবজেক্ট
লিংক(Link) অবজেক্ট এইচটিএমএল <link> এলিমেন্টকে প্রতিনিধিত্ব করে।
লিংক(Link) অবজেক্ট তৈরি
আপনি document.createElement() মেথড ব্যবহার করে <link> এলিমেন্ট তৈরি করতে পারেনঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
</head>
<body>
<p><button onclick="myFunc()">ক্লিক করুন</button></p>
<script>
function myFunc() {
var a = document.createElement("link");
a.setAttribute("rel", "stylesheet");
a.setAttribute("type", "text/css");
a.setAttribute("href", "styles.css");
document.head.appendChild(a);
}
</script>
</body>
</html>ফলাফল
লিংক(Link) অবজেক্ট এক্সেস
আপনি getElementById() ব্যবহার করে <link> এলিমেন্টকে এক্সেস করতে পারেনঃ
উদাহরণ
<!DOCTYPE html>
<html>
<head>
<title>জাভাস্ক্রিপ্ট উদাহরণ</title>
<link id="test" rel="stylesheet" type="text/css" href="styles.css">
</head>
<body>
<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>ফলাফল
লিংক(Link) অবজেক্ট প্রোপার্টি
= এইচটিএমএল (৫) এ যেসকল প্রোপার্টি যুক্ত করা হয়েছে।
| প্রোপার্টি | বর্ননা |
|---|---|
| charset | এইচটিএমএল(৫) এ সাপোর্ট করে না। লিংক ডকুমেন্টের ক্যারেক্টার এনকোডিং সেট বা রিটার্ন করে। |
| crossOrigin | লিংক ডকুমেন্টের CORS সেটিংস সেট বা রিটার্ন করে। |
| disabled | লিংক ডকুমেন্টটি নিষ্ক্রিয় থাকবে কিনা তা সেট বা রিটার্ন করে। |
| href | লিংক ডকুমেন্টের URL সেট বা রিটার্ন করে। |
| hreflang | লিংক ডকুমেন্টের ল্যাংগুয়েজ কোড সেট বা রিটার্ন করে। |
| media | লিংক এলিমেন্টের মিডিয়া টাইপ সেট বা রিটার্ন করে। |
| rel | বর্তমান ডকুমেন্ট এবং লিংককৃত ডকুমেন্টের মধ্যে সম্পর্ক সেট বা রিটার্ন করে। |
| rev | এইচটিএমএল(৫) এ সাপোর্ট করে না। বর্তমান ডকুমেন্ট এবং লিংককৃত ডকুমেন্টের মধ্যে বিপরীত সম্পর্ক সেট বা রিটার্ন করে। |
| sizes | লিংক রিসোর্সের size এট্রিবিউটের ভ্যালু রিটার্ন করে। |
| type | লিংক ডকুমেন্টের কন্টেন্ট টাইপ সেট বা রিটার্ন করে। |
স্ট্যান্ডার্ড প্রোপার্টিজ এবং ইভেন্ট
| প্রোপার্টি | ইভেন্ট |
|---|---|
| সাপোর্ট করে। এখানে দেখুন | সাপোর্ট করে। এখানে দেখুন |