이 기사에서는 기본 JavaScript를 사용하여 지정된 HTML 요소를 삭제하는 방법에 대해 설명합니다. 참조를 위해 공유하십시오. 특정 구현 방법은 다음과 같습니다.
다음과 같이 코드를 복사하십시오. <! doctype html>
<html>
<헤드>
<meta charset = "utf-8">
<meta name = "author"content = "// www.vevb.com/"/>
<title> wulin.com </title>
<스타일>
#콘텐츠{
너비 : 200px;
높이 : 20px;
색상 : 빨간색;
}
</스타일>
<cript>
Window.onload = function () {
var obt = document.getElementById ( "bt");
var odiv = document.getElementById ( "content");
obt.onclick = function () {
odiv.parentNode.removeChild (ODIV);
}
}
</스크립트>
</head>
<body>
<div id = "content"> wulin.com </div>
<입력 유형 = "버튼"id = "bt"value = "보기 효과"/>
</body>
</html>
기본 JavaScript에서는 현재 요소 자체를 삭제할 수있는 방법이 없습니다. 삭제하려면 부모 노드의 removeChild () 메소드를 사용하여 지정된 자식 요소를 삭제할 수 있습니다. 코드는 비교적 간단합니다. 여기서 소개하지 않을 것입니다. 관심있는 친구는 관련 정보를 참조 할 수 있습니다.
이 기사의 설명이 JavaScript를 기반으로 한 모든 사람의 웹 프로그래밍에 도움이되기를 바랍니다.