<script>
var odiv=document.getElementById("div1")
odiv.parentNode.removeChild(odiv)
</script>
<p>11111</p>
<p>22222</p>
<h1>世界那么大</h1>
<div id="div1">div</div>
效果:
刚开始想删除节点,但运行后没反应,检查后发现少window.οnlοad=function(){}
<script>
window.onload=function(){
var odiv=document.getElementById("div1")
odiv.parentNode.removeChild(odiv)
}
</script>
<p>11111</p>
<p>22222</p>
<h1>世界那么大</h1>
<div id="div1">div</div>
效果:
1.为什么要使用window.onload()?
菜鸟教程解释:
因为 JavaScript 中的函数方法需要在 HTML 文档渲染完成后才可以使用,如果没有渲染完成,此时的 DOM 树是不完整的,这样在调用一些 JavaScript 代码时就可能报出"undefined"错误。
2.什么时候用window.onload
window.onload是要用到dom对象,而dom对象在script下面时才需要使用
3.window.onload 与 jQuery ready() 区别