JavaScript에서 DOM 트리를 작동 할 때는 종종 추가 버튼이있는 입력 상자 및 삭제 버튼과 같은 노드의 추가 및 삭제가 발생할 수 있습니다. 입력 상자를 추가하려면 추가하려면 클릭하고 클릭하여 해당 입력 상자를 삭제하려면 삭제하십시오. 프로토 타입과 같은 일부 JS 프레임 워크에서는 element.remove ()를 사용하여 노드를 삭제할 수 있습니다. Core JS에는 그러한 방법이 없습니다. IE에는 메소드가 있습니다 : removenode (), 다음 코드를 실행하십시오.
<div> <input onclick = "removenode (this)"type = "text"value = "이 입력 상자를 제거하려면 클릭하십시오" /> < /div>
이 방법은 IE에서 잘 작동하지만 Firefox와 같은 표준 브라우저에서는 Removenode가 정의되지 않습니다. 그러나 Core JS : RemoveChild ()에서 DOM 노드를 작동하는 방법이 있습니다. 이름을 보면서 하위 노드를 제거하는 것이라는 것을 알아야합니다. 그런 다음 지정된 노드의 제거에 적응할 수 있습니다. 먼저 삭제할 노드의 상위 노드를 찾은 다음 부모 노드에서 removechild를 사용하여 제거하려는 노드를 제거 할 수 있습니다. remodelement라는 메소드를 정의 할 수 있습니다.
함수 remelement (_Element) {var _parentElement = _Element.parentNode; if (_parentElement) {_parentElement.removeChild (_Element); }}다음 코드를 실행해 보시면 다양한 브라우저에서 올바르게 실행할 수 있습니다.
<script type = "text/javaScript"> 함수 removeElement (_Element) {var _parentElement = _element.parentNode; if (_parentElement) {_parentElement.removeChild (_Element); }}} </script> <div> <input onclick = "removeElement (this)"type = "text"value = "이 입력 상자를 제거하려면 클릭하십시오"/> </div>위는이 기사의 전체 내용입니다. JavaScript에 대한 자세한 내용은 "JavaScript 참조 자습서"및 "JavaScript Code Style Guide"를 확인하십시오. 또한 모두가 wulin.com을 더 지원하기를 바랍니다.