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

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

분류 제목
DOM_Event_Object JS - StorageEvent 객체 - 윈도우창 저장영역 변경 (= 스토리지이벤트객체= 스토리지이벤트종류)
DOM_Event_Object JS - TouchEvent 객체 - 터치이벤트객체 (= 터치이벤트종류)
DOM_Event_Object JS - TransitionEvent 객체 - CSS 전환 실행 (= 트랜지션이벤트객체 = 트랜지션이벤트종류…
DOM_Event_Object JS - UiEvent 객체 - 유저인터페이스변환 (= 유아이이벤트객체 = 유저인터페이스이벤트종류 = 사용자…
DOM_Event_Object JS - WheelEvent 객체 - 마우스휠움직임 (= 휠이벤트객체)
API_Geolocation JS - coordinates -
API_Geolocation JS - position -
API_Geolocation JS - positionError -
API_Geolocation JS - positionOptions -
API_Geolocation JS - clearWatch() 메서드 -
API_Geolocation JS - getCurrentPosition() 메서드 -
API_Geolocation JS - watchPosition() 메서드 -
Window_History JS - history.length 속성 - history개수 (= 방문이력개수 = 방문주소개수 = 히스토리…
Window_History JS - history.back() 메서드 ★ - 이전페이지 가기
Window_History JS - history.forward() 메서드 - 다음페이지 가기
Window_History JS - history.go() 메서드 ★ - 특정페이지로 이동 (= history.go메서드 = 히스토리고…
DOM_HTMLCollection JS - item() 메서드 ★ - 지정 인덱스의 요소 반환 (= 특정 순번째 요소 반환)
DOM_HTMLCollection JS - length 속성 ★ - 요소개수 반환 (※ for반복문에 활용)
DOM_HTMLCollection JS - namedItem() 메서드 - 지정 id 또는 name 갖는 요소 반환
Window_Location JS - hash 속성 - URL앵커부분(= 샵부분 = 해시속성) 설정/반환
40/67
목록
찾아주셔서 감사합니다. Since 2012