如何使用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