原生javascript删除指定子元素代码实例:
本章节介绍一下如何利用原生javascript实现删除指定子元素。
大家都知道使用jquery实现此功能更为方便，不过使用原生的javascript也不麻烦，下面做一下介绍。
关于jquery如何实现此功能可以参阅jquery删除指定子元素代码实例一章节。
代码实例:
代码如下:
<!DOCTYPE HTML>
<html>
<meta charset=”utf-8″>
<title>软件开发网</title>
<style>
ul li{
width:400px;
height:30px;
line-height:30px;
在JavaScript中，删除指定子元素是一项常见的操作，特别是在动态构建和更新DOM树的时候。这个实例展示了如何使用原生JavaScript来实现这一功能，而无需依赖jQuery等库。原生JavaScript提供了直接操作DOM的方法，使得开发者能够更深入地理解和控制网页的交互。
我们需要了解JavaScript中的几个关键概念和方法：
1. `getElementById`：这个方法用于根据元素的ID获取DOM对象。例如，`document.getElementById("bt")` 获取了ID为"bt"的按钮元素，`document.getElementById("box")` 获取了ID为"box"的列表元素。
2. `getElementsByTagName`：这个方法返回指定标签名的所有子元素组成的节点列表。在本例中，`obox.getElementsByTagName("li")` 返回了ID为"box"的元素中所有`<li>`元素的集合。
3. `onclick`：这是一个事件处理器，用于处理点击事件。当用户点击元素时，关联的函数将被执行。在这里，我们为按钮元素绑定了一个点击事件处理函数，当按钮被点击时，执行相应的代码。
4. `removeChild`：这个方法用于删除一个元素的子元素。例如，`obox.removeChild(lis[1])` 将从ID为"box"的元素中移除索引为1的`<li>`元素，即第二个`<li>`元素。
实现过程如下：
1. 当整个页面加载完成（`window.onload`）后，会执行包裹在函数中的代码，确保所有元素都已经加载到DOM中。
2. 获取到按钮元素（`obt`）和包含`<li>`元素的`<ul>`元素（`obox`）。
3. 获取`<ul>`元素下的所有`<li>`元素，存储在一个数组`lis`中。
4. 给按钮元素添加点击事件监听器，当按钮被点击时，调用的匿名函数会执行。
5. 在这个函数内部，我们使用`removeChild`方法删除`lis`数组中索引为1的元素，也就是第二个`<li>`元素，从而实现了删除指定子元素的功能。
这个实例展示了JavaScript对DOM操作的灵活性。通过理解这些基本方法，开发者可以创建更复杂、交互性更强的网页应用。同时，这也提醒我们，即使没有jQuery这样的库，原生JavaScript也足以应对大部分的DOM操作需求。
