如何使用JavaScript删除div？

Question

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>

<script type="text/javascript">

//function del () {

var x= new Date ();

var date= x.getDate ();

var hours= x.getHours();

var minutes=x.getMinutes();

var sec= x.getSeconds();

document.write(minutes +":"+ sec )


if (minutes=="33"){

//alert ("time is over")

document.getElementById('airtel').removeChild(airtel);

}

//}


</script>

</head>

<body>

<div id="airtel">
<div id="vodafone">vodaphone</div>

<div id="idea">idea</div>

</div>

</body>
</html>

Answer 1

使用jQuery库消除了使用Javascript处理DOM的麻烦，我建议您尝试一下。

但是，如果您只希望使用本机Javascript进行工作，则需要遍历parentNode，然后删除所需的子代。

var element = document.getElementById('airtel');
element.parentNode.removeChild(element);

Answer 2

也许您最好使用jQuery及其删除方法。

Answer 3

您应该获取“ airtel”元素，然后将其从其父元素（即“身体”标签）中删除。

var airtel= document.getElementById('airtel');    
document.getElementsByTagName('body')[0].removeChild(airtel);

如何使用JavaScript删除div？

问题描述

3 个解决方案

解决方案1
8 2011-09-05 12:17:00

解决方案2
2 2011-09-05 12:07:48

解决方案3
0 2011-09-05 12:21:00

如何使用JavaScript删除div？

问题描述

3 个解决方案

解决方案1 8 2011-09-05 12:17:00

解决方案2 2 2011-09-05 12:07:48

解决方案3 0 2011-09-05 12:21:00

解决方案1
8 2011-09-05 12:17:00

解决方案2
2 2011-09-05 12:07:48

解决方案3
0 2011-09-05 12:21:00