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和它的remove方法。

Answer 3

你应该得到'airtel'的元素，然后将它从它的父元素中移除，这是Body标记。

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

如何使用javascript删除div？

3 个答案: