การค้นหาค่าแอตทริบิวต์ type ของลิงก์ใน JavaScript

คุณสมบัติ type

ใน JavaScript สามารถเข้าถึงค่าของแอตทริบิวต์ type ในแท็ก <a> (ลิงก์) ได้ผ่านคุณสมบัติ type ของอ็อบเจกต์ HTMLAnchorElement

ตัวอย่างโค้ด

<!DOCTYPE html>
<html>
<body>
  <p>
    <a id="qriesid" href="https://qries.com/" type="text/html">Qries</a>
  </p>
  
  <script>
    var link = document.getElementById("qriesid");
    var typeValue = link.type;
    document.write("Value of the type attribute: " + typeValue);
  </script>
</body>
</html>

คำอธิบายแอตทริบิวต์ type

ระบุ MIME type ของทรัพยากรปลายทาง
เป็นคำแนะนำ (advisory) ไม่บังคับให้บราวเซอร์ต้องปฏิบัติ
ตัวอย่างค่าทั่วไป: text/html, application/pdf, image/png, text/css, application/javascript

คุณสมบัติสำคัญอื่น ๆ ของลิงก์ (<a>)

คุณสมบัติ	คำอธิบาย	ตัวอย่าง
`href`	URL ปลายทาง	"https://example.com/page"
`target`	ที่เปิดลิงก์	"_blank", "_self", "_parent"
`rel`	ความสัมพันธ์กับหน้าปลายทาง	"noopener", "nofollow", "external"
`type`	MIME type ของปลายทาง	"text/html", "application/pdf"
`hreflang`	ภาษาของหน้าปลายทาง	"en", "th", "ja"
`download`	บังคับดาวน์โหลดแทนการนำทาง	ชื่อไฟล์ (ถ้าระบุ) หรือ true

หมายเหตุ

แอตทริบิวต์ type ไม่ได้รับการใช้งานอย่างกว้างขวางในปัจจุบัน และบราวเซอร์ส่วนใหญ่ไม่ใช้ข้อมูลนี้ในการตัดสินใจวิธีการจัดการเนื้อหา การใช้ Content-Type header จากเซิร์ฟเวอร์เป็นหลัก