XML DOM getElementsByTagName() วิธี

คู่มืออ้างอิง Document องค์ประกอบ

การเขียนและใช้งาน

getElementsByTagName() วิธีสามารถคืนค่าตารางของตัวเลือกที่มีชื่อที่กำหนด

การใช้งาน

getElementsByTagName(name)
ตัวแปร คำอธิบาย
name ค่าของตัวอักษร ที่กำหนดชื่อแทร็กที่ต้องการค้นหา ค่า "*" จะตรงกันข้ามทุกแทร็ก

ค่าที่คืนค่า

แถวที่อ่านได้ของ Element โดเมนที่มีแทร็กที่กำหนด (ทางเทคนิคแล้วคือ NodeList วิธี）。ลำดับขององค์ประกอบที่คืนค่ามานั้นคือลำดับที่มีในแบบเดิมของโดเมน

ชื่อ

วิธีนี้จะคืนค่า NodeList วิธี(ซึ่งสามารถจัดการเป็นตัวแยกของแถวอย่างเป็นไปได้) วิธีนี้จะเอาค่าทั้งหมดขององค์ประกอบที่มีชื่อแทร็กที่กำหนดในโดเมน และตำแหน่งของนั้นคือลำดับที่มีในแถวที่มีในแบบเดิมของโดเมนNodeList วิธีเป็น 'ทันที' คือ ถ้าเพิ่มหรือลบองค์ประกอบที่มีชื่อแทร็กที่กำหนดในโดเมน จะทำการปรับปรุงเนื้อหาอัตโนมัติตามที่จำเป็น

ทั้งนี้ Element อินเตอร์เฟซนั้นได้มีวิธีชื่อเดียวกัน ซึ่งค้นหาแค่กลุ่มลูกของโดเมนเท่านั้น นอกจากนี้ HTMLDocument อินเตอร์เฟซได้มี getElementsByName() วิธีค้นหาอย่างเพื่อนอิงตัวชื่อภายใน (name attribute) ขององค์ประกอบ (element) แทนที่จะเป็นชื่อแทร็ก

ตัวอย่าง

สามารถใช้โค้ดดังนี้เพื่อค้นหาและเดินทาง HTML โดเมนของทุก <h1> แทร็กตัว

var headings = document.getElementsByTagName(")h1"")
for (var i = 0; i < headings.length; i++)  {
  var h = headings[i];
}

ตัวอย่าง

ในทุกตัวอย่างที่เราใช้ เราจะใช้แบบแบ่งปัน XML books.xmlและฟังก์ชัน JavaScript loadXMLDoc()。

โค้ดรหัสดังนี้สามารถแสดงค่าของทั้งหมด <title> ใน "books.xml":

xmlDoc=loadXMLDoc("/example/xdom/books.xml");
var x=xmlDoc.getElementsByTagName('title');
for (i=0;i<x.length;i++)
  {
  document.write(x[i].childNodes[0].nodeValue)
  document.write("<br />")
  }

การแสดงผล:

Harry Potter
Everyday Italian
XQuery Kick Start
Learning XML

TIY

getElementsByTagName() - ใช้เพื่อเข้าถึงค่าของตัวองค์ประกอบที่กำหนด

คู่มืออ้างอิง Document องค์ประกอบ