• 회원가입
  • 로그인
  • 구글아이디로 로그인

[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>

 

결과보기


방문 감사합니다. (즐겨찾기 등록: Ctrl + D)

분류 제목
게시물이 없습니다.
목록
찾아주셔서 감사합니다. Since 2012