1. 개요
삭제 된 노드는 더 이상 문서 트리에 있지 않지만 실제로는 여전히 메모리에 있으며 언제든지 다른 위치에 추가 할 수 있습니다.
상위 노드의 하위 노드를 가로 지르고 삭제 작업을 수행 할 때, 자식 속성은 읽기 전용 속성이며 자식 노드가 변경 될 때 실시간으로 업데이트됩니다.
// 노드를 삭제할 노드를 가져옵니다 : var self = document.getElementById ( 'to-be-removed'); // 부모 노드 가져옵니다 : var parent = self.parentElement; // 삭제 : var removed = parent.removechild (self); 제거 === 자아; // 진실
2. 예
<! docType html> <html> <head> </script> </head> <hody> <ul id = "test-list"> <li> javaScript </li> <li> swift </li> <li> html </li> <li> ansi c </li> <li> css </li <li> </li> </li> </li> </li> </li> <li> document.getElementById ( 'test-list'); var length = p.children.length; var i = 0; for (; i <length;) {var li = p.children [i]; var text = li.innertext; if (텍스트! == '&& text! =='html '&& text! == 'css') {p.removeChild (li); Alert (p.children.tostring ()); length-;} else {i ++;}} // test :; (function () {vararr, i, t = document.getElementByid ( 'read-list'); if (t && t.children && t.Children && t.children. []; for (i = 0; i <t.children.length; i ++) {arr.push (t.children [i] .innertext);} if (arr.toString () === [ 'javaScript', 'html', 'css']. tostring ()) { '테스트 통과!'); arr.toString ());}} else {alert ( 'test filven!');}}) (); </script> </body> </html>위의 것은 편집자가 귀하에게 소개 한 JavaScript의 RemovalChild Method Development의 샘플 코드입니다. 나는 그것이 당신에게 도움이되기를 바랍니다. 궁금한 점이 있으면 메시지를 남겨 주시면 편집자가 제 시간에 답장을 드리겠습니다. Wulin.com 웹 사이트를 지원해 주셔서 대단히 감사합니다!