자바스크립트에서 div 태그를 삭제하는 방법-JS 튜토리얼-php.cn

자바스크립트에서 div 태그를 삭제하는 방법

coldplay.xixi

풀어 주다： 2023-01-04 09:35:43

원래의

8161명이 탐색했습니다.

JavaScript에서 div 태그를 삭제하는 방법: [removeChild()] 메서드를 사용하여 하위 노드 목록에서 노드를 삭제합니다. 코드는 [_li.parentNode.removeChild(_li)]입니다.

자바스크립트에서 div 태그를 삭제하는 방법

이 튜토리얼의 운영 환경: Windows 7 시스템, JavaScript 버전 1.8.5, DELL G3 컴퓨터.

div 태그를 삭제하는 Javascript 메소드:

childNodes: 선택한 노드의 모든 유형의 하위 노드를 포함하는 NodeList를 반환합니다. (참고: 공백의 요소는 텍스트로 간주되며 텍스트도 노드 #text로 간주됩니다.)

removeChild(): 이 메서드는 하위 노드 목록에서 노드를 삭제할 수 있습니다. 삭제에 성공하면 이 메서드는 삭제된 노드를 반환할 수 있고, 실패하면 NULL을 반환합니다.

예:

                             <li id="_li">
                                    <a href="#">
                                        <h4 align="center">hh</h4>
                                    </a>
                                    <div class="xx">
                                        <div id="a">
                                            <p>姓名:</p>
                                            <p>年龄:</p>
                                        </div>
                                    </div>
                                </li>

로그인 후 복사

전체

태그를 삭제하세요

                             var _li=document.getElementById("_li");
                            _li.parentNode.removeChild(_li);//删除整个li

로그인 후 복사

전체

안에 있는 태그를 삭제하세요. 개인적으로 이 childNodes 속성에는 너무 많은 태그가 포함되어 있어 사용하기 쉽지 않다고 생각합니다. 다양한 기타 태그

                             var _li=document.getElementById("_li");
                            _li.removeChild(_li.childNodes[1]);

로그인 후 복사

관련 무료 학습 권장사항: javascript 비디오 튜토리얼

위 내용은 자바스크립트에서 div 태그를 삭제하는 방법의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!