javascript_javascript 기술의 DOM 메소드에 대한 간략한 토론

1: 물건을 얻는 세 가지 방법

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

2) element.getElementByTagName(tag) 태그 이름으로 가져오기

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

2: 속성의 메소드를 설정하고 가져옵니다.

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

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

3: 노드의 일부 속성

1) childNodes 속성: 배열을 반환합니다.

　element.childNodes[0]는 element.firstChild와 동일합니다

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

2) nodeType 속성: 총 12개의 값이 가능하지만 그 중 가치가 있는 값은 3개뿐입니다.

요소 노드의 nodeType=1

　속성 노드 nodeType=2

텍스트 노드 nodeType=3

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

예:

이것은 텍스트 노드입니다

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

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

p 노드의 내용이 변경됩니다.

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

위 내용은 이 글의 전체 내용입니다. 모두 마음에 드셨으면 좋겠습니다.