用getElementById取到的值居然是null,而getElementsByClassName获取到对象,但是用数组方式访问时却不识别,百思不得其解,后来琢磨着是不是这个页面是删除掉了,达到某个条件才加载出来的,导致了页面未渲染出来,js已经先执行了才导致了这个后果,然后用了
setTimeout
延迟了几秒后加载js,果然就可以了
现在了解到html文档渲染页面是从上到下,如果js放在前面,但是body页面里的元素还没渲染,所以获取不到。而js放在body的下面,等待body里页面渲染完后,即可以获取到你想到的元素,又能减少js阻塞进程~
用getElementById取到的值居然是null,而getElementsByClassName获取到对象,但是用数组方式访问时却不识别,百思不得其解,后来琢磨着是不是这个页面是删除掉了,达到某个条件才加载出来的,导致了页面未渲染出来,js已经先执行了才导致了这个后果,然后用了setTimeout延迟了几秒后加载js,果然就可以了
var revise = document.get
Elements
By
Class
Name("btn btn-xs btn-warning revise")[0];
revise.onclick=function revise() {
revBack...
用get
Elements
By
Class
Name()和innerText搭配使用输出为空——
undefined
:
想要提取h2标签中的文本“44”,但是运行代码后控制台只有
undefined
。
<!DOCTYPE html>
<meta charset="UTF-8">
<title></title>
</head>
<h2
class
="
H5之前的技术document.
getElementById
//查找速度最快 (id属性)没有返回
null
document.get
Elements
By
Class
Name (
class
属性) 没有返回[ ]空数组
document.get
Elements
ByName (name属性) 没有返回[ ]空数组
document.get
Elements
ByTagName (标签属性) 没有返回[ ]空数组H5技术document.querySelector //符合选择器的第一个
元素
没有返回
null
【记一次粗心Bug】 Vue中使用
getElementById
结果返回
元素
为
null
?
文章目录【记一次粗心Bug】 Vue中使用
getElementById
结果返回
元素
为
null
?在created()中使用
getElementById
mounted()中使用
getElementById
created()中结合this.$nextTick()实现业务需求总结
首先,我在项目中用这样一个需求,...
关于'
null
'的解释,官方给出的是为空或不是对象:
document.
getElementById
为
null
那是因为你没有
获取
到这个
元素
;你的
js
文件一定是在head标签中加载的,
这样的话,会产生加载的顺序问题;
如果你想那样写var search = document.
getElementById
("search_input");
里面加个defer=true属