原生js删除html,javascript删除一个html元素节点的方法

本文实例讲述了利用原生javascript实现删除一个指定的html元素的方法。分享给大家供大家参考。具体实现方法如下：

脚本之家

#content{

width:200px;

height:20px;

color:red;

}

window.οnlοad=function(){

var obt=document.getElementById("bt");

var odiv=document.getElementById("content");

obt.οnclick=function(){

odiv.parentNode.removeChild(odiv);

}

脚本之家

在原生的javascript中，暂时没有没有一个方法能够删除元素本身，如果要删除可以通过通过父节点的removeChild()方法删除指定的子元素，代码比较简单，这里不多介绍了，感兴趣的朋友可以参阅相关资料。

希望本文所述对大家基于javascript的web程序设计有所帮助。

原生js删除html,javascript删除一个html元素节点的方法相关推荐

原生js实现如下效果：一个按钮，点击它会弹出对话框，但5秒内再点击不会再弹出对话框。5秒后恢复正常。
原生js实现如下效果: 一个按钮,点击它会弹出对话框,但5秒内再点击不会再弹出对话框.5秒后恢复正常. 第一种方式: 使用函数节流的方式(就是设置一个变量,来一个判断语句,判断这个变量的值.为真或假执 ...
原生js实现购物车添加删除商品、计算价格功能
购物车功能需求: 根据数据创建购物车内容: 实现购物车添加商品功能: 实现购物车商品数量的增加.减少: 实现购物车商品的删除功能: 购物车的全选功能: 无货商品不可修改数量.不计入总价: 底部计算总 ...
Javascript及Jquery获取元素节点以及添加和删除操作
用了javascript和jquery很久,把所有元素节点的操作总结了下,放在博客上作为记录. Javascript获取元素的主要方式有三种 1.document.getElementById('ma ...
原生js获取宽高与jquery获取宽高的方法的关系
说明:1.因为获取高度的情况跟获取宽度的情况一样,所以以下只说获取宽度的情况. 2.以下所说的所有方法与属性所返回的值都是不带单位的. 3.为了方便说明,以下情况采用缩写表示: obj -> ...
原生js删除html,原生js模拟v-for增加删除.html
.input-list{ border:1px dashed #F00; margin-top:10px; } .input-box{ margin-bottom: 5%;margin-right: ...
原生js删除html,原生js操作dom添加删除替换class
1.比较传统的方法 var classVal = document.getElementById("id").getAttribute("class"); // ...
【原生JS组件】javascript 运动框架
大家都知道JQuerry有animate方法来给DOM元素进行运动,CSS3中也有transition.transform来进行运动.而使用原生的Javascript来控制元素运动,须要写非常多运动的 ...
用原生js封装的思想写一个购物车
1 根据原型写出静态页面 <div class="car"><div class="left"> <ul><li cl ...
使用原生JS在Vue实例中动态插入元素
说明:项目需要,这里使用到的是Ant Design框架中的modal模态框组件. 完整代码: 经供参考,根据自己的业务需求适当修改!
jq元素复制另一个元素的html,jq中复制克隆元素节点的方法
jquery中有一个 clone() 方法,它可以复制元素以及元素的子节点,可以使用它将一个元素复制到多个地方并展示,具体的使用方法可以参考下面的文章. JQuery clone() 方法 clone ...

原生js删除html,javascript删除一个html元素节点的方法

原生js删除html,javascript删除一个html元素节点的方法相关推荐

最新文章

热门文章