HTML DOM item() Method

<요소 개체

예

최초의 HTML 콘텐츠 가져 오기 <p> 요소 (index 0) 문서 내부를 :

var nodelist = document.getElementsByTagName("P").item(0).innerHTML;

노드 목록의 결과는 다음과 같습니다

The first p element in the document.

»그것을 자신을 시도

더 "Try it Yourself" 아래의 예.

정의 및 사용

item() 메소드는 NodeList를 객체의 지정된 인덱스의 노드를 반환합니다.

그들은 소스 코드에 나타나는 노드는 분류되어, 인덱스는 0에서 시작한다.

자식 노드의 노드 객체의 컬렉션 NodeList를 객체의 예입니다.

참고 : 노드 목록에 노드의 지정된 인덱스 위치에 액세스하는 방법은 두 가지가 있습니다 :

이 구문 :

document.body.childNodes.item(0); // The first child node of <body> Try it

이 구문과 동일한 결과를 생성합니다 :

document.body.childNodes[0]; // The first child node of <body> Try it

당신은 당신이 좋아하는 어떤 방법을 사용할 수 있지만, 가장 일반적인 방법은 [인덱스]입니다.

팁 : 사용 길이 NodeList를 객체 노드의 수를 반환하는 속성을.

브라우저 지원

방법
item()	예	예	예	예	예

통사론

매개 변수 값

매개 변수	유형	기술
index	Number	필요합니다. 당신이 노드 목록에 반환 할 노드의 인덱스입니다. 참고 : 지수는 0에서 시작

기술적 세부 사항

반환 값 :	지정된 인덱스의 노드를 나타내는 노드 객체. 주 : 인덱스 번호가 범위를 벗어 경우는 null를 돌려줍니다
DOM 버전	코어 레벨 1 노드 목록 개체

더 예

예

최초의 HTML 콘텐츠 가져 오기 <p> 요소 (index 0) , 안쪽 <div> 요소를 :

var div = document.getElementById("myDIV");
var nodelist = div.getElementsByTagName("P")[0].innerHTML;

노드 목록의 결과는 다음과 같습니다

First p element in div.

»그것을 자신을 시도

예

최초의 HTML 내용 변경 <p> 요소 (index 0) , 안쪽 <div> 요소를 :

var div = document.getElementById("myDIV");
div.getElementsByTagName("P")[0].innerHTML = "Paragraph changed";

»그것을 자신을 시도

예

A의 클래스 = "아이"모든 요소를 통해 루프 <div> 요소와 그 배경 색상을 변경 :

var div = document.getElementById("myDIV");
var nodelist = div.getElementsByClassName("child");

var i;
for (i = 0; i < nodelist.length; i++) {
nodelist[i].style.backgroundColor = "red";
}

»그것을 자신을 시도

JavaScript 참고

JavaScript

브라우저 BOM

HTML DOM

HTML 사물

다른 개체

HTML DOM item() Method

예

정의 및 사용

이 구문 :

이 구문과 동일한 결과를 생성합니다 :

브라우저 지원

통사론

기술적 세부 사항

더 예

예

예

예

관련 페이지