JS가 DOM을 운영하는 몇 가지 일반적인 방법에 대한 간략한 분석

getElementById(): 지정된 고유 ID 속성 값을 가진 문서의 요소를 가져옵니다.

getElementsByName(name): 배열을 반환합니다.

getElementsByTagName(): 지정된 고유 ID 속성 값을 가진 요소를 반환합니다. 태그 이름 하위 요소 컬렉션

getAttribute(): 지정된 속성 이름의 속성 값을 반환합니다.

document.getElementsByTagName("a")[0].getAttribute("target");

setAttribute(): 지정된 속성을 추가하고 지정된 속성에 할당합니다. 값.

document.getElementsByTagName("INPUT")[0].setAttribute("type","button");

노드 속성:

노드 이름(읽기 전용): nodeName

노드 값: nodeValue

노드 유형(읽기 전용) 읽기):nodeType

하위 노드:

ele.childNodes 반환 배열

firstChild

lastChild

상위 노드

parentNode에는 단 하나의

형제 노드

nextSibling 노드 바로 다음에 오는 노드

previousSibling

삽입 노드

appendChild( ) 노드 노드

노드 제거

removeChild(node) 앞에

insertBefore(newnode,node)를 삽입합니다. 실패하면 null이 반환됩니다.

요소 노드 교체

replaceChild(newnode,oldnode)는 하위 노드 객체 교체를 구현합니다.

요소 노드 만들기

createElement()

텍스트 노드 생성

createTextNode()

노드 복사

복사해야 할 노드입니다.cloneNode(true/false)

true는 현재 노드를 복사합니다. node 및 모든 자식 노드, false는 현재 노드만 복사합니다

위 글에서는 JS가 DOM을 운영하는 일반적인 방법 몇 가지를 간략하게 분석했는데, 이는 모두 편집자가 공유한 내용이므로 참고가 되셨으면 좋겠습니다. 그리고 나는 또한 모든 사람들이 PHP 중국어 웹사이트를 지원하기를 바랍니다.

JS가 DOM을 운영하는 일반적인 방법을 간략하게 분석한 더 많은 기사를 보려면 PHP 중국어 웹사이트를 주목하세요!