Latest web development tutorials

HTML DOM 액세스

HTML DOM에 액세스 - HTML 요소를 찾을 수 있습니다.


액세스 HTML 요소 (노드)

액세스 노드에 해당 액세스 HTML 요소

사용자는 HTML 요소를 액세스하는 다른 방법 일 수있다 :

  • getElementById () 메서드를 사용하여하여
  • getElementsByTagName () 메소드를 사용하여
  • getElementsByClassName () 메소드를 사용하여

에서 getElementById () 메소드

에서 getElementById () 메서드는 지정된 ID를 가진 요소를 반환

문법

node.getElementById("id");

다음 예는 ID = "소개"요소를 가져옵니다 :

document.getElementById("intro");

»시도


getElementsByTagName () 메소드

getElementsByTagName () 지정된 태그 이름을 가지는 모든 요소를 ​​반환합니다.

문법

node.getElementsByTagName("tagname");

다음 예는 모든 <p> 요소가 포함 된 문서의 목록을 반환합니다 :

예 1

document.getElementsByTagName("p");

»시도

다음 예는 모든 <p> 요소가 포함 된 문서의 목록을 반환하고, <p> 요소는 하위 ID = "기본"요소 (아이, 일 등)해야한다 :

예 2

document.getElementById("main").getElementsByTagName("p");

»시도


getElementsByClassName () 메서드

같은 클래스 이름을 가진 모든 HTML 요소를 찾으려면이 방법을 사용 :

document.getElementsByClassName("intro");

= "소개"모든 요소 위의 예제 클래스를 포함하는 목록을 반환합니다 :

참고 : getElementsByClassName ()가 Internet Explorer에서 5,6,7,8에서는 유효하지 않습니다.