HTMLCollection item() Method
ตัวอย่าง
รับเนื้อหา HTML ขององค์ประกอบ <p> แรกของเอกสารนี้:
function myFunction() {
var x = document.getElementsByTagName("P").item(0);
alert(x.innerHTML);
}
ความหมายและการใช้งาน
วิธี การitem()ส่งคืนองค์ประกอบที่ดัชนีที่ระบุใน HTMLCollection
องค์ประกอบจะถูกจัดเรียงตามที่ปรากฏในซอร์สโค้ด และดัชนีเริ่มต้นที่ 0
สามารถใช้วิธีการจดชวเลขได้ และจะให้ผลลัพธ์เช่นเดียวกัน:
var x = document.getElementsByTagName("P")[0];
รองรับเบราว์เซอร์
| Method | |||||
|---|---|---|---|---|---|
| item() | Yes | Yes | Yes | Yes | Yes |
ไวยากรณ์
HTMLCollection.item(index)
หรือ:
HTMLCollection[index]
ค่าพารามิเตอร์
| Parameter | Type | Description |
|---|---|---|
| index | Number | Required. The index of the element you want to return. Note: The index starts at 0 |
คืนมูลค่า
อ อบเจ็กต์ Elementซึ่งเป็นตัวแทนขององค์ประกอบที่ดัชนีที่ระบุ
ส่งคืนค่า nullหากหมายเลขดัชนีอยู่นอกช่วง
ตัวอย่างเพิ่มเติม
ตัวอย่าง
เปลี่ยนเนื้อหา HTML ของ <p> องค์ประกอบแรก:
document.getElementsByTagName("P").item(0).innerHTML = "Paragraph changed";
ตัวอย่าง
วนรอบองค์ประกอบทั้งหมดด้วย class="myclass" และเปลี่ยนสีพื้นหลัง:
var x = document.getElementsByClassName("myclass");
for (i = 0; i <
x.length; i++) {
x.item(i).style.backgroundColor = "red";
}
ตัวอย่าง
รับเนื้อหา HTML ขององค์ประกอบ <p> แรกภายในองค์ประกอบ <div>:
var div = document.getElementById("myDIV");
var x = div.getElementsByTagName("P").item(0).innerHTML;
หน้าที่เกี่ยวข้อง
HTMLCollection: คุณสมบัติlength
องค์ประกอบ HTML: getElementsByClassName()เมธอด
องค์ประกอบ HTML: เมธอดgetElementsByTagName()