>  기사  >  웹 프론트엔드  >  js를 사용하여 node_javascript 기술 추가, 삭제, 수정, 복사 등의 작업을 완료하세요.

js를 사용하여 node_javascript 기술 추가, 삭제, 수정, 복사 등의 작업을 완료하세요.

WBOY
WBOY원래의
2016-05-16 17:05:35968검색

요구 사항: 노드 추가, 삭제, 수정 및 복사 작업 완료

사용된 방법 및 속성:
1. 특정 노드의 상위 노드 가져오기
parentNode 속성
을 가져옵니다. 특정 노드의 상위 노드 하위 노드 컬렉션
childNodes 속성
3. 새 노드 생성
createTextNode(노드 텍스트 콘텐츠) 문서 개체의 메서드가 일부 브라우저와 잘 호환되지 않습니다
createElement(객체) 문서 객체의 메소드(예: document.createElement("a")
4. 노드 객체에 속성 및 속성 값을 추가합니다.
setAttribute(attribute, attribute value); 예: aNode.setAttribute("href" ,"http://www.baidu.com");
5. 특정 노드 아래의 하위 노드를 교체합니다.
replaceChild(새 노드, 원자 노드); >6. 노드
appendChild(추가할 노드)
에 노드를 추가합니다.

cloneNode()를 전달하는 것은 true를 전달하는 것과 같습니다. 노드 복제에 하위 노드가 포함됨을 의미하는 매개변수

코드 복사 코드는 다음과 같습니다.




node_CURD.html













这里是第二个区域


这里是第三个区域


这里是第四个区域



추가:


< hr / >
삭제:


<시간 />
< 글꼴 크기="12px">변경:

Clone:


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