未捕获TypeError:即使存在innerHTML，也无法设置null []的属性“”div“”
未捕获TypeError:即使存在innerHTML，也无法设置null []的属性“”div“”
提问于 2017-12-03 18:41:09
我试图用div来设置超文本标记语言的属性，但它抛出了一个错误："cannot set property 'innerHTML‘of null。
在JavaScript中，
function find_person() {
...
var title =
"<div class=\"w3-container\">" +
"<h3>Find a person</h3>";
"</div>";
document.getElementById("content_title").innerHTML = title;
}在HTML中，
<div id="content" class="w3-display-container w3-container">
<div id = "content_title" class = "w3-row" >Title goes here
</div>
<div id= "content_main" class = "w3-row">
</div>
</div>你能帮我找出识别div错误的原因吗？
回答 3
Stack Overflow用户
发布于 2017-12-03 18:49:31
当你试图访问你的"content_title“目录时，它是空的。
当您在文档上调用函数时，文档很可能没有完全加载。
Stack Overflow用户
发布于 2018-06-01 20:25:06
确保在html中，您将"Script“标记放在您正在查找的任何位置，甚至是最好的位置，放在结束标记下。当javascript从父文件夹请求id和/或classes进行操作时，它会从顶部查看初始化位置，而不是下面。:D
Stack Overflow用户
发布于 2017-12-03 19:02:19
使用jQuery库很简单(如果你需要纯js，请在标题中说明)
html代码：
<a href="#" class="specific-button">button</a>
js代码：
function find_person(){
var title = '<div class="w3-container">'+
'<h3>Find a person</h3>'+
'</div>';
jQuery("#content_title").html(title);
}
jQuery(document).ready(function(){
jQuery('a.specific-button').on('click', function(e){
e.preventDefault();// this will prevent button to refresh the page
find_person();
});
});考虑一下在javascript中应该以这种方式拆分字符串：
var sample = 'first part'+
'second part'+
'third and last part';分号只是最后一部分。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/47621891
复制相关文章
相似问题
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
腾讯云开发者
