HTMLCollection item() 메서드
예시
이 문서의 첫 번째 <p> 요소의 HTML 콘텐츠를 가져옵니다.
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 을 반환 합니다.
더 많은 예
예시
첫 번째 <p> 요소의 HTML 콘텐츠를 변경합니다.
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";
}
예시
<div> 요소 안에 있는 첫 번째 <p> 요소의 HTML 콘텐츠를 가져옵니다.
var div = document.getElementById("myDIV");
var x = div.getElementsByTagName("P").item(0).innerHTML;
관련 페이지
HTMLCollection: 속성 길이
HTML 요소: getElementsByClassName() 메서드
HTML 요소: getElementsByTagName() 메서드