javascript怎样删除一个html元素

通过removeChild() 方法指定元素的某个指定的子节点来完成javascript删除一个html元素。

javascript删除一个html元素的步骤：

<!--创建一个html文件-->

<div id="div">

<div id="div1">知道</div>

<input type="button" value="删除div1" id="btn"/>

</div>

<script>

var o=document.getElementById("div")//获取父节点

var a=document.getElementById("div1")//获取需要删除的子节点

var b=document.getElementById("btn")//获取触发事件的节点

b.onclick=function(){o.removeChild(a)//从父节点o上面移除子节点a}

</script>

例

HTML：

<div id="outside">

<div id="inside"></div>

</div>

删除id为inside的div

方法一：document.getElementById('inside').remove()

方法二：document.getElementById('outside').removeChild(document.getElementById('inside'))

HTML清除浮动的方法步骤如下：

1、首先，制作一个简单的HTML页面，找到父级元素，将父级元素添加上边框；

2、然后，将父级元素添加上边框后，发现父级元素没有被子元素的高度所撑开，保持标签的高度；

3、在HTML页面上，将最后一个浮动元素的后面添加上div，设置其类型为clearboth；

4、设置完成后，将浮动元素的父级元素添加上伪类，添加成功后，HTML即可清除浮动。

---