>  기사  >  웹 프론트엔드  >  javascript_javascript 기술의 DOM 메소드에 대한 간략한 토론

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

WBOY
WBOY원래의
2016-05-16 15:50:031165검색

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="텍스트 노드의 내용 변경";

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

성명:
본 글의 내용은 네티즌들의 자발적인 기여로 작성되었으며, 저작권은 원저작자에게 있습니다. 본 사이트는 이에 상응하는 법적 책임을 지지 않습니다. 표절이나 침해가 의심되는 콘텐츠를 발견한 경우 admin@php.cn으로 문의하세요.