手机
当前位置:查字典教程网 >编程开发 >Javascript教程 >javascript删除一个html元素节点的方法
javascript删除一个html元素节点的方法
摘要:本文实例讲述了利用原生javascript实现删除一个指定的html元素的方法。分享给大家供大家参考。具体实现方法如下:复制代码代码如下:查...

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

复制代码 代码如下:<!DOCTYPE html>

<html>

<head>

<meta charset=" utf-8">

<meta name="author" content="http://www.jb51.net/" />

<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删除一个html元素节点的方法】相关文章:

JavaScript实现点击自动选择TextArea文本的方法

javascript中FOREACH数组方法使用示例

JavaScript实现点击文字切换登录窗口的方法

JavaScript中用于四舍五入的Math.round()方法讲解

JavaScript的Date()方法使用详解

JavaScript判断数组是否包含指定元素的方法

javascript实现模拟时钟的方法

删除javascript所创建子节点的方法

JavaScript中this关键字使用方法详解

JavaScript基于setTimeout实现计数的方法

精品推荐
分类导航