12가지 JavaScript DOM 메소드 소개

이 기사에서는 참고용으로 JavaScript DOM 작업에 대한 12가지 방법을 소개합니다.

1 createElement(element)

지정된 태그 이름을 사용하여 새 요소 노드를 생성하고 반환합니다. 값은 참조입니다. 새로 생성된 요소 노드에 대한 포인터입니다.

예) var para = document.createElement("p");

document.body.appendChild(para);

2 createTextNode()

주어진 텍스트를 포함하는 새 텍스트 노드를 생성하고 새 텍스트 노드에 대한 참조 포인터를 반환합니다.

Reference = document.createTextNode()

매개변수는 새 텍스트 노드에 포함됩니다. 텍스트 문자열

예)

var message = document.createTextNode("hello world");

var 컨테이너 = document.createElement("p");

컨테이너.appendChild(메시지);

document.body.appendChild(컨테이너);

3 cloneNode()

참조 = node.cloneNode(deep)

주어진 노드의 복사본을 생성합니다. 매개변수는 true 또는 false입니다. true는 노드의 하위 노드를 동시에 복사하는 것을 의미하고, false는 하위 노드를 복사하지 않음을 의미합니다.

var para = document.createElement("p");

var message = document.createTextNode("hello world");

para.appendChild(message);

　document.body.appendChild(para);

var newpara = para.cloneNode(true);

　document.body.appendChild(newpara);

　4appendChild()

　reference = node.appendChild(newChild);

　노드 삽입, 이전 예시를 참고하세요.

5 insertBefore()

reference = element.insertBefore(newNode,targetNode)

지정된 요소 노드의 지정된 하위 노드 앞에 지정된 노드를 삽입하고, 다음을 반환합니다. 새로 추가된 자식 노드에 대한 참조 포인터입니다.

예)

var 컨테이너 = document.getElementById("content");

var message = document.getElementById("fineprint");

var para = document.createElement("p");

Container.insertBefore(para,message);

6 RemoveChild()

reference = element.removeChild(node )

은 주어진 요소에서 하위 노드를 삭제하고 삭제된 하위 노드에 대한 참조 포인터를 반환합니다.

RemoveChild()에 의해 노드가 삭제되면 이 노드의 모든 하위 노드가 삭제됩니다.

　7 replacementChild()

　reference = element.replaceChild(newChild,oldChild)

　주어진 상위 요소의 하위 노드를 다른 노드인 oldChild로 교체합니다. 노드는 다음과 같아야 합니다. 요소 요소의 하위 노드이며 반환 값은 대체된

하위 노드를 가리키는 참조 포인터입니다.

예)

var 컨테이너 = document.getElementById("content");

var message = document.getElementById("fineprint");

var para = document.createElement("p");

컨테이너.replaceChild(para,message);

8 setAttribute()

element.setAttribute(attributeName,attributeValue );

주어진 요소 노드에 새 속성 값을 추가하거나 기존 속성을 변경합니다.

🎜>

주어진 요소에 대해 주어진 속성 노드의 값을 반환합니다.

10 getElementById()

element = document.getElementById(ID)

지정된 id 속성 값을 가진 요소를 찾아 요소 노드를 반환합니다.

11 getElementByTagName()

지정된 태그 이름을 가진 모든 요소를 ​​찾는 데 사용됩니다.

elements = document.getElementsByTagName(tagName)

노드 컬렉션을 반환합니다.

12 hasChildNodes

주어진 요소에 하위 노드가 있는지 확인하는 데 사용됩니다.

booleanValue = element.hasChildNodes

true 또는 false를 반환합니다.

위 내용은 자바스크립트 DOM 메소드 12가지에 대한 소개입니다. 더 많은 관련 글은 PHP 중국어 홈페이지(www.php.cn)를 참고해주세요!