javascript删除一个html元素节点的方法


Posted in Javascript onDecember 20, 2014

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

<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="https://3water.com/" />

<title>三水点靠木</title>

<style>

#content{

  width:200px;

  height:20px;

  color:red;

}

</style>

<script>

window.onload=function(){

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

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

  obt.onclick=function(){

    odiv.parentNode.removeChild(odiv);

  }

}

</script>

</head>

<body>

<div id="content">三水点靠木</div>

<input type="button" id="bt" value="查看效果"/>

</body>

</html>

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

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

Javascript 相关文章推荐
vs2003 js文件编码问题的解决方法
Mar 20 Javascript
写了10年的Javascript也未必全了解的连续赋值运算
Mar 25 Javascript
js function定义函数的几种不错方法
Feb 27 Javascript
javascript中HTMLDOM操作详解
Dec 11 Javascript
浅谈window对象的scrollBy()方法
Jul 15 Javascript
HTML5 Shiv完美解决IE(IE6/IE7/IE8)不兼容HTML5标签的方法
Nov 25 Javascript
Angularjs中的ui-bootstrap的使用教程
Feb 19 Javascript
JavaScript实现简单的隐藏式侧边栏功能示例
Aug 31 Javascript
vue集成chart.js的实现方法
Aug 20 Javascript
解决vue 表格table列求和的问题
Nov 06 Javascript
有趣的JavaScript隐式类型转换操作实例分析
May 02 Javascript
Vue如何提升首屏加载速度实例解析
Jun 25 Javascript
Node.js中调用mysql存储过程示例
Dec 20 #Javascript
零基础搭建Node.js、Express、Ejs、Mongodb服务器及应用开发入门
Dec 20 #Javascript
jQuery多媒体插件jQuery Media Plugin使用详解
Dec 19 #Javascript
jquery图片播放浏览插件prettyPhoto使用详解
Dec 19 #Javascript
js中匿名函数的创建与调用方法分析
Dec 19 #Javascript
浅谈Javascript中匀速运动的停止条件
Dec 19 #Javascript
浅谈Javascript如何实现匀速运动
Dec 19 #Javascript
You might like
php smarty的预保留变量总结
2008/12/04 PHP
mongo Table类文件 获取MongoCursor(游标)的实现方法分析
2013/07/01 PHP
yii2 数据库读写分离配置示例
2017/02/10 PHP
PHP两种实现无级递归分类的方法
2017/03/02 PHP
phpmyadmin下载、安装、配置教程
2017/05/16 PHP
jQuery中(function(){})()执行顺序的理解
2013/03/05 Javascript
快速解决FusionCharts联动的中文乱码问题
2013/12/04 Javascript
js 获取元素下面所有li的两种方法
2014/04/14 Javascript
javascript实现左右控制无缝滚动
2014/12/31 Javascript
JavaScript中常见的字符串操作函数及用法汇总
2015/05/04 Javascript
JavaScript中数组的22种方法必学(推荐)
2016/07/20 Javascript
非常优秀的JS图片轮播插件Swiper的用法
2017/01/03 Javascript
将鼠标焦点定位到文本框最后(代码分享)
2017/01/11 Javascript
20个最常见的jQuery面试问题及答案
2018/05/23 jQuery
JS实现获取毫秒值及转换成年月日时分秒的方法
2018/08/15 Javascript
vuejs 动态添加input框的实例讲解
2018/08/24 Javascript
Vue弹出菜单功能的实现代码
2018/09/12 Javascript
element ui table(表格)实现点击一行展开功能
2018/12/04 Javascript
bootstrap+spring boot实现面包屑导航功能(前端代码)
2019/10/09 Javascript
vue使用nprogress加载路由进度条的方法
2020/06/04 Javascript
JavaScript实现滑块验证解锁
2021/01/07 Javascript
介绍Python中的一些高级编程技巧
2015/04/02 Python
Selenium+Python 自动化操控登录界面实例(有简单验证码图片校验)
2019/06/28 Python
python基于pdfminer库提取pdf文字代码实例
2019/08/15 Python
Python爬虫库BeautifulSoup的介绍与简单使用实例
2020/01/25 Python
Python自带的IDE在哪里
2020/07/01 Python
python脚本定时发送邮件
2020/12/22 Python
咖啡为什么会有酸味?你喝到的咖啡為什麼是酸的?
2021/03/17 冲泡冲煮
利用CSS3参考手册和CSS3代码生成工具加速来学习网页制
2012/07/11 HTML / CSS
CSS3中31种选择器使用方法教程
2013/12/05 HTML / CSS
澳大利亚购买最佳炊具品牌网站:Cookware Brands
2019/02/16 全球购物
为什么UNION ALL比UNION快
2016/03/17 面试题
考勤制度通知
2015/04/25 职场文书
2015年生产部工作总结范文
2015/05/25 职场文书
党支部评议意见
2015/06/02 职场文书
一文彻底理解js原生语法prototype,__proto__和constructor
2021/10/24 Javascript