자바스크립트의 DOM 메소드에 대한 간략한 토론

1: 객체를 가져오는 세 가지 방법

1) document.getElementById(id); 객체의 속성 ID를 통해 가져옵니다.

2) element.getElementByTagName(tag); 태그 이름을 통해 가져옵니다.

　3) element.getElementByClassName(class); 속성 클래스 이름을 통해 가져옵니다.

2: 속성의 set 및 get 메서드.

　1) object.getAttribute(attribute); 요소의 속성을 가져옵니다. ===>>>HTMLDOM: object.attribute;

　2) object.setAttribute(attribute, value); 요소의 속성을 설정합니다.= ===>>>HTMLDOM:object.attribute=value;

3: 노드에 대한 일부 속성

　1) childNodes 속성: 반환 array.

Element.childNodes[0]는 element.firstChild

와 동일합니다. Element.childNodes[element.childNodes.length]는 element.lastChild

와 동일합니다. 2) nodeType 속성: 총 12가지 가능성이 있습니다. 그러나 그 중 3개만 사용 값을 갖습니다

　요소 node의 nodeType=1

　속성 node의 nodeType=2

　텍스트의 nodeType=3

　3) nodeValue 속성: 주요 기능은 요소의 텍스트 내용을 변경하는 것입니다. 이 기능은 object.innerHTML

과 유사합니다. 예:

이것은 텍스트 노드입니다

　var p=document.getElementById("p");

　p.childNodes[ 0].nodeValue="텍스트 노드의 내용을 변경합니다";

　이 방법으로 p 노드의 내용을 변경합니다.

다음과 같이 구현할 수도 있습니다. p.innerHTML= "텍스트 노드 내용 변경";

위 내용은 이 글의 전체 내용입니다. 모두가 좋아하실 수 있기를 바랍니다.

JavaScript의 DOM 메소드에 대한 더 많은 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!