[DOM_HTMLCollection] JS - item() 메서드 ★ - 지정 인덱스의 요소 반환 (= 특정 순번째 요소 반환)

item() 예제 - 정식코드 경우

 

<h1>홈짱닷컴 Homzzang.com</h1>

<p>홈페이지 제작관리 + 서버관리</p>

<p>HTML CSS JS JQ PHP SQL BS</p>

<button onclick="homzzang()">클릭</button>

<script>

function homzzang() {

  var x = document.getElementsByTagName("P");

  alert(x.item(0).innerHTML);

}

</script>

 

결과보기

※ 인덱스는 0부터 시작.

item() 정의

 

HTMLCollection의 지정 인덱스에 있는 요소 반환

 

---

 

1.

요소는 소스 코드에 나타나는대로 정렬되며, 색인은 0에서 시작.

 

2.

단축코드 사용 가능. (결과 동일)

 

3.

모든 브라우저 지원.

 

item() 구문

 

[정식코드]

HTMLCollection.item(index)

[단축코드]
HTMLCollection[index]

 

---

 

[매개변수]

 

index

필수. 반환 받을 요소 색인 번호. (색인은 0부터 시작)

 

---

 

[반환값]

 

지정 색인에 있는 요소 객체 반환.
(색인번호가 범위 벗어난 경우, null 반환)

 

item() 예제 - 단축코드 경우

 

<h1>홈짱닷컴 Homzzang.com</h1>

<p>홈페이지 제작관리 + 서버관리</p>

<p>HTML CSS JS JQ PHP SQL BS</p>

<button onclick="homzzang()">클릭</button>

<script>

function homzzang() {

  var x = document.getElementsByTagName("P")[0];

  x.innerHTML = "웹초보자 훈련소에 입소하세요.";

}

</script>

 

결과보기