Latest web development tutorials

HTML DOM 방법

상기 방법은 우리가 노드 (HTML 요소)에서 수행 할 수있는 액션이다.


프로그래밍 인터페이스

자바 스크립트 (및 다른 프로그래밍 언어)으로 DOM 액세스를 HTML한다.

모든 HTML 요소 객체로 정의되고, 프로그래밍 인터페이스 객체 방법, 객체 속성이다.

이 방법은 당신이 수행 할 수 있습니다 (예 : 추가 또는 수정 요소 등) 작업입니다.

속성 가져 오거나 설정 값 (예를 들어, 노드 이름이나 콘텐츠에 대한) 할 수 있다는 것입니다.


에서 getElementById () 메소드

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

var element=document.getElementById("intro");

»시도


메서드와 속성을 - HTML DOM은 객체

일부 일반적으로 사용되는 HTML의 DOM 방법 :

  • 에서 getElementById (ID)는 - 지정된 ID를 가진 노드 (요소)를 가져옵니다
  • 에 appendChild (노드) - 새 자식 노드를 삽입 (요소)
  • 로 removeChild (노드) - 자식 노드 (요소)를 제거합니다

일반적으로 사용되는 HTML DOM 속성 :

  • innerHTML을 - 노드 (요소) 텍스트 값
  • 인 parentNode - 부모 노드의 노드 (요소)
  • childNodes에 - 노드 (요소) 자식 노드의
  • 속성 - 노드 (요소) 속성 노드

이 튜토리얼에서는 다음 장 속성에 대한 자세한 내용을 배울 것입니다.


실제 객체

사람이 목적이다.

한 가지 방법은 등, 수면 (), 직장 (), () 재생) (먹고, 할 수 있습니다.

이들 방법은 모두 가지고 있지만 다른 시간에 실행된다.

그래서 자신의 이름, 키, 몸무게, 나이, 성별 등 사람의 속성.

모든 사람은 이러한 속성을 가지고 있지만, 그 값은 다릅니다.


일부 DOM 객체 메소드

다음은이 튜토리얼에서 배운 몇 가지 일반적인 방법은 다음과 같습니다

방법 기술
에서 getElementById () 지정된 ID를 가진 요소를 돌려줍니다.
getElementsByTagName () 지정된 태그 이름을 가진 모든 요소를 ​​포함하는 노드 목록 (세트 / 노드 배열)를 돌려줍니다.
getElementsByClassName () 지정된 노드의 모든 요소의 목록은 클래스의 이름을 포함 돌려.
에 appendChild () 지정된 노드에 새 자식 노드를 추가합니다.
로 removeChild () 자식 노드를 제거합니다.
replaceChild () 자식 노드를 교체합니다.
에 insertbefore () 지정된 자식 노드 앞에 새 자식 노드를 삽입합니다.
createAttribute () 속성 노드를 작성합니다.
의 createElement () 요소 노드를 작성합니다.
createTextNode () 텍스트 노드를 만듭니다.
getAttribute를 () 지정된 속성 값을 돌려줍니다.
의 setAttribute () 설정하거나 지정된 속성의 지정된 값을 수정합니다.