অ্যাঙ্কর ট্যাগের সাথে যুক্ত HTML DOM টাইপ প্রপার্টি লিঙ্কের টাইপ অ্যাট্রিবিউটের মান সেট করতে বা পেতে ব্যবহার করা হয়। এই অ্যাট্রিবিউটটি HTML 5-এ প্রবর্তন করা হয়েছিল। এই অ্যাট্রিবিউটটি শুধুমাত্র ইঙ্গিতমূলক কারণে এবং অন্তর্ভুক্ত করা বাধ্যতামূলক নয়। এতে একক MIME(মাল্টিপারপাস ইন্টারনেট মেল এক্সটেনশন) মান প্রকার রয়েছে।
সিনট্যাক্স
−
-এর সিনট্যাক্স নিচে দেওয়া হলটাইপ প্রপার্টি −
রিটার্ন করা হচ্ছেanchorObject.type
টাইপ প্রপার্টি −
সেট করা হচ্ছেanchorObject.type = MIME-type
উদাহরণ
আসুন অ্যাঙ্কর টেক্সট প্রপার্টি -
-এর একটি উদাহরণ দেখি<!DOCTYPE html> <html> <body> <p><a id="Anchor" type="text/html" href="https://www.examplesite.com">example site</a></p> <p><a id="Anchor2" href="https://www.example.com">example</a></p> <p>Click the buttons to set and get the type attribute.</p> <button onclick="getType1()">GetType</button> <button onclick="setType2()">SetType</button> <p id="Type1"></p> <script> function getType1() { var x = document.getElementById("Anchor").type; document.getElementById("Type1").innerHTML = x; } function setType2(){ document.getElementById("Type1").innerHTML="Type has been set"; document.getElementById("Anchor2").type="text/html"; } </script> </body> </html>
আউটপুট
এটি নিম্নলিখিত আউটপুট −
তৈরি করবে
GetType বোতাম-
-এ ক্লিক করলে
SetType বোতাম-
-এ ক্লিক করলে
উপরের উদাহরণে -
আমরা যথাক্রমে id Anchor এবং Anchor2 এর সাথে দুটি লিঙ্ক নিয়েছি। Anchor1 এর সাথে MIME টাইপ টেক্সট/html যুক্ত আছে যখন Anchor2 এর সাথে কোন MIME টাইপ যুক্ত নেই।
<p><a id="Anchor" type="text/html" href="https://www.examplesite.com">example site</a></p> <p><a id="Anchor2" href="https://www.example.com">example</a></p>
তারপর যথাক্রমে getType1() এবং getType2() ফাংশনগুলি চালানোর জন্য আমাদের কাছে GetType এবং SetType দুটি বোতাম রয়েছে৷
<button onclick="getType1()">GetType</button> <button onclick="setType2()">SetType</button>
getType1() ফাংশন এটির সাথে যুক্ত "অ্যাঙ্কর" আইডি সহ অ্যাঙ্কর ট্যাগের ধরন প্রদান করে। setType2() ফাংশন "Anchor2" আইডি সহ অ্যাঙ্কর ট্যাগের ধরনটিকে text/html-এ সেট করে।
function getType1() { var x = document.getElementById("Anchor").type; document.getElementById("Type1").innerHTML = x; } function setType2(){ document.getElementById("Type1").innerHTML="Type has been set"; document.getElementById("Anchor2").type="text/html"; }