이 기사에서는 JS가 노드 요소를 추가, 교체 및 삭제하는 방법에 대해 설명합니다. 다음과 같이 참조에 대해 공유하십시오.
노드 작업에 대해 항상 혼란 스러웠습니다. 특히 특정 노드에 삽입 한 후에는 노드 작업이 혼란스러워했습니다. 그러한 방법이 없습니다. 이전에 쓴 방법에 문제가 있습니다. 새 노드를 이전 노드에 삽입해야합니까? 또는 삽입 방법을 사용하여 구현해야합니다.
방법은 다음과 같습니다.
<! doctype html public "-// w3c // dtd html 4.01 Transitional // en" "http://www.w.w3.org/tr/html4/loose.dtd"> <html> <head> <!-Topstyle Pro Trial-www.brads.com-<title> www.brads.com-<html> <head> <! insert </title> </head> <body onload = "insertmessageceation ()"> <p id = "p1"> hello world </p> </body> </html> <cript> function removemessage () {var op = document.getElementByIdx_x ( "p1"); //document.body.removeChild(OP); //op.parentNode는 상위 클래스 노드 op.parentNode.removeChild (op)를 반환합니다. } 함수 replaceMessage () {var newop = document.createElement_x ( "p"); newop.appendChild (document.createtextNode ( "Hello Java")); //alert(newop.innerhtml); var oldop = document.getElementByIdx_x ( "P1"); //document.body.removeChild(OP); //op.parentNode는 부모 클래스 노드 OldOp.parentNode.ReplaceChild (Newop, Oldop)를 반환합니다. //document.body.body.replaceChild(Newop,oldop)} function insertMessageBefore () {var newop = document.createElement_x ( "p"); newop.appendChild (document.createtextNode ( "Hello Java")); var oldop = document.getElementByIdx_x ( "P1"); Oldop.parentNode.insertbefore (Newop, Oldop); } function insertMessAgater () {var newop = document.createElement_x ( "p"); newop.appendChild (document.createtextNode ( "Hello Java")); var oldop = document.getElementByIdx_x ( "P1"); insertAfter (Newop, Oldop); . } function insertAfter (NewNode, OldNode) {// OldNode var nextNode = OldNode.nextSibling 이후 동일한 범주의 태그가 있는지 판단합니다. if (nextNode) {// 그렇지 않으면 null이면 거짓입니다. } else {OldNode.parentNode.appendChild (NewNode); }} </script>JavaScript 관련 컨텐츠에 대한 자세한 내용은이 사이트의 주제를 확인하십시오. "JavaScript Operation Dom Skills 요약", "JavaScript 교체 작업 기술 요약", "JavaScript value 전송 작업 기술 요약", "JavaScript Encoper Operation Techniques의 요약", "JavaScript Encoption offort Techniques의 요약", "JAS 스위치 효과 요약", JAVAS SWITCHING ","JAVAS SWITCHING ","JAVAS SWITCHING ","JAVAS SWITCHING " "JavaScript 검색 알고리즘 기술의 요약", "JavaScript 애니메이션 효과 및 기술의 요약", "JavaScript 오류 및 디버깅 기술 요약", "JavaScript 데이터 구조 및 알고리즘 기술의 요약", "JavaScript Traversal Algorithms 및 Techniques의 요약"및 "JavaScript의 요약"및 Javascript의 요약 "및"Javascript "
이 기사가 모든 사람의 JavaScript 프로그래밍에 도움이되기를 바랍니다.