JavaScript에서 일반적으로 사용되는 DOM 메소드는 무엇입니까?

일반적으로 사용되는 메서드:appendChild(), insertBefore(), hasChildNodes(), RemoveChild(), replacementChild(), cloneNode(), write(), open(), writeln() 등

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, Dell G3 컴퓨터.

node

appendChild()의 멤버 메서드: 노드의 하위 노드 목록 끝에 하위 노드를 추가합니다.

var method = document.getElementById('method');
var input = document.createElement('input');        
method.appendChild('input');

insertBefore(): 노드의 하위 노드에서 지정된 노드 앞에 하위 노드를 추가합니다. list :

method.insertBefore(input,method.childNodes[1]);

hasChildNodes(): 노드에 하위 노드가 있는지 확인:

method.hasChildNodes();

removeChild(): 노드의 지정된 노드 제거:

method.removeChild(method.childNodes[1]);

replaceChild(): 지정된 노드를 사용하여 지정된 다른 하위 노드 교체 node:

method.replaceChild(input,method.childNodes[1]);

cloneNode() 복제 node:

var relation=document.getElementById('relation');        
var newRel=relation.cloneNode(true);

document document node

요소 node

getElementById()를 가져오는 방법: ID로 요소 노드 가져오기

var ele=document.getElementById('ele');

getElementsByTagName(): 가져오기 노드 목록 태그 이름으로 Collection

var ps=document.getElementsByTagName('p');           
console.log(ps.length);"

getElementsByName(): Name 속성을 통해 요소 노드 컬렉션 가져오기:

var sexs=document.getElementsByName('user');           
console.log(sexs);"

노드를 생성하는 방법

createElement(): 요소 노드 생성

var b=document.createElement('b');

createAttribute( ): 속성 노드 만들기

var classAttr=document.createAttribute('class');
classAttr.value='on';"

createTextNode(): 텍스트 노드 만들기

var newtext=document.createTextNode('First');

문서 흐름 작업

write(): 페이지에 대한 텍스트 흐름 입력

document.write('哈哈');

writeln(): 입력 페이지에 텍스트 흐름을 추가하고 n

document.writeln('哈哈');

open(): 문서 스트림 열기

document.open();

close(): 문서 스트림 닫기

document.close();

를 추가합니다. 【추천 학습: javascript 고급 튜토리얼】

위 내용은 JavaScript에서 일반적으로 사용되는 DOM 메소드는 무엇입니까?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!