기본 JavaScript 지정된 자식 요소 코드 인스턴스를 삭제합니다.
이 장에서는 기본 JavaScript를 사용하여 지정된 자식 요소를 삭제하는 방법을 소개합니다.
모든 사람은 jQuery를 사용 하여이 기능을 구현하는 것이 더 편리하다는 것을 알고 있지만, 기본 JavaScript를 사용하는 것은 번거롭지 않습니다. 아래에서 소개하겠습니다.
jQuery 가이 기능을 구현하는 방법은 지정된 자식 요소 코드 인스턴스의 삭제에 대한 장을 참조하십시오.
Code example:
코드 사본은 다음과 같습니다.
<! doctype html>
<html>
<meta charset = "utf-8">
<title> wulin.com </title>
<스타일>
ul li {
너비 : 400px;
높이 : 30px;
라인 높이 : 30px;
목록 스타일 : 없음;
}
</스타일>
<cript>
Window.onload = function () {
var obt = document.getElementById ( "bt");
var obox = document.getElementById ( "box");
var lis = obox.getElementsByTagName ( "li");
obt.onclick = function () {
Obox.removechild (Lis [1]);
}
}
</스크립트>
</head>
<body>
<ul id = "box">
<li> wulin.com은 당신을 환영합니다. 열심히 일함으로써 내일 더 나은 일을 할 수 있습니다. </li>
<li> 아무도 처음부터 주인이 아니었고 열심히 일해야했습니다. </li>
<li> 매일 새롭고 소중한 시간입니다. </li>
</ul>
<입력 유형 = "버튼"id = "bt"value = "보기 효과"/>
</body>
</html>
위의 코드는 요구 사항을 구현하며 다음은 구현 프로세스를 도입합니다.
코드 댓글 :
1.window.onload = function () {}를하고 문서 내용이 완전히로드 된 후 함수의 코드를 실행합니다.
2.var obt = document.getElementById ( "bt"), 버튼 요소 객체를 가져옵니다.
3.var obox = document.getElementById ( "box"), ID 속성 값 상자가있는 요소 객체를 얻습니다.
4.var lis = obox.getElementsByTagName ( "li"), 박스 요소 아래에서 Li 요소 세트를 가져옵니다.
5.Obt.onClick = function () {}, 버튼의 클릭 이벤트 핸들러 기능을 등록하십시오.
6.Obox.removeChild (LIS [1]), 부모 요소의 지정된 자식 요소를 삭제하십시오.