Computer >> บทช่วยสอนคอมพิวเตอร์ >  >> การเขียนโปรแกรม >> JavaScript

วิธีดึงค่า id attribute ของลิงก์ใน JavaScript

เพื่อดึงค่า id attribute ของลิงก์ (<a>) ให้ใช้ Property .id โดยตรง

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

<!DOCTYPE html>
<html>
  <body>
    <p><a id="anchorid" hreflang="en-us" href="https://www.qries.com/">Qries</a></p>
    <script>
      var myID = document.getElementById("anchorid").id;
      document.write("Value of id attribute of a link: " + myID);
    </script>
  </body>
</html>

คำอธิบาย

  • document.getElementById("anchorid") — เข้าถึง Element ผ่าน ID
  • .id — Property ที่คืนค่า String ของ id attribute
  • ผลลัพธ์: Value of id attribute of a link: anchorid

เทคนิคเพิ่มเติม: สามารถใช้ .getAttribute('id') ได้เช่นกัน แต่ .id เร็วกว่าและเป็นมาตรฐาน DOM Level 1