이번에는 JS를 사용하여 DOM을 조작하여 노드를 삭제할 때 주의 사항을 알려드리겠습니다. 다음은 실제 사례입니다.
1 소개
노드 삭제는 removeChild()
메서드를 사용하여 수행됩니다. removeChild()
方法来实现。
removeChild()
方法用来删除一个子节点。
obj. removeChild(oldChild)
oldChild:表示需要删除的节点。
二 应用
删除节点,本示例将通过DOM对象的removeChild()
removeChild()
메서드는 하위 노드를 삭제하는 데 사용됩니다. obj.removeChild(oldChild)
oldChild: 삭제해야 하는 노드를 나타냅니다.
두 번째 애플리케이션
노드 삭제, 이 예에서는 DOM 개체
를 전달합니다. RemoveChild()
메서드는 페이지에서 선택한 텍스트를 동적으로 삭제합니다. 세 가지 코드
<!DOCTYPE html> <html> <head> <title>删除节点</title> <script language="javascript"> <!-- function delNode() { var deleteN=document.getElementById('di'); if(deleteN.hasChildNodes()) { deleteN.removeChild(deleteN.lastChild); } } --> </script> </head> <body> <h1>删除节点</h1> <p id="di"> <p>第一行文本</p> <p>第二行文本</p> <p>第三行文本</p> </p> <form> <input type="button" value="删除" onclick="delNode();"/> </form> </body> </html>
위 내용은 JS는 DOM을 작동하여 노드를 삭제합니다.의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!