JavaScript 프로그램을 개발할 때 가장 일반적으로 사용되는 것은 dom의 작동입니다. 오늘은 기본 JavaScript를 사용하여 dom 노드의 작동을 요약하겠습니다. JavaScript가 dom 노드를 작동하는 방법에 대해서는 누구나 불완전하게 이해할 수 있습니다. 바라보다.
1. 요소 노드 가져오기
단일 요소 가져오기:document.getElementsByTagName(); document.getElementsByName(); document.getElementsByClassName();// 动态,实时的 document.querySelectorAll();// 查找速度比上面的块 //是静态的,非实时的,
요소 생성, 텍스트
document.createElement(“p”);
document.createNode(“hello”) //创建文件节点。
문서에 삽입
parentNode.appendChild(newNode),
parentNode.insertBefore(newNode,positionNode);
ele.setAttribute(name,value)//设置属性
ele.getAttribute(name)//获取元素的属性
ele.removeAttribute(name)//移除属性
N 송가 이동
ele.remove(),parentNode.removeChild(childNode)
하위 요소 바꾸기
parentNode.replaceChild(newNode,oldNode)
요소 복사
ele.cloneNode(boolean);// boolean为true, 深复制。
ele.previousElementSibling;//上一个兄弟元素
ele.parentNode;//父元素
ele.children//子元素
ele.nextElementSibling//下一个兄弟元素
jQuery의 DOM 노드 작업 방법 요약
위 내용은 DOM 노드의 기본 JavaScript 작업 요약의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!