扫码关注官方订阅号
如需从 JavaScript 访问某个 HTML 元素, 访问html元素,并插入元素内容 段落用来插入元素 点我改变p元素内容
段落用来插入元素
代码如上,如果把script提到head中,就无法执行js,编程新手求大神指导
认证高级PHP讲师
如果放上去了,在dom没加载完成的时候就调用了var x = document.getElementById("demo"),这时候是没有id为demo的元素的,所以x就被赋值成了null,当你点击的时候x为null,所以没反应。如果需要实现效果,可以将赋值操作放到window.onload事件完成时,window.onload = function(){x = document.getElementById("demo");},或者放到insert方法里每次调用的时候赋值,不过那样对性能有影响。
var x = document.getElementById("demo")
window.onload = function(){x = document.getElementById("demo");}
如果你想放在head里,你可以将你的代码放在
window.onload=function(){ //代码放在这里 }
就可以了,原因楼上已经给你解释清楚了。这行代码的意思是等到文档全部加载完后在执行代码~
因为执行js代码的时候,html还没执行到,所以获取不到html的内容,更谈不上改变html的内容
微信扫码关注PHP中文网服务号
QQ扫码加入技术交流群
Copyright 2014-2026 https://www.php.cn/ All Rights Reserved | php.cn | 湘ICP备2023035733号
PHP学习
技术支持
返回顶部
如果放上去了,在dom没加载完成的时候就调用了
var x = document.getElementById("demo"),这时候是没有id为demo的元素的,所以x就被赋值成了null,当你点击的时候x为null,所以没反应。如果需要实现效果,可以将赋值操作放到window.onload事件完成时,
window.onload = function(){x = document.getElementById("demo");},或者放到insert方法里每次调用的时候赋值,不过那样对性能有影响。如果你想放在head里,你可以将你的代码放在
就可以了,原因楼上已经给你解释清楚了。
这行代码的意思是等到文档全部加载完后在执行代码~
因为执行js代码的时候,html还没执行到,所以获取不到html的内容,更谈不上改变html的内容