获取iframe内部元素为空？

Question

父级：

<iframe id="frame" src="../html/navBar.html" scrolling="no" frameborder="0" sandbox="allow-same-origin allow-scripts"></iframe>

script：

var s = "欢迎你，";
var welcomeString = s.concat(username);
document.getElementById("frame").contentWindow.document.getElementById("welcome").innerHTML = welcomeString;

报错：

Uncaught TypeError: Cannot set property 'innerHTML' of null

打印出来的ocument.getElementById("frame").contentWindow.document.getElementById("welcome")是空的。。。id我比对过，是正确的。应该不是同域的问题吧？

Answer 1

是不是iframe还没加载完？

var iframe = document.getElementById("frame");
iframe.onload = function(){
     var dom = this.contentWindow.document.getElementById("welcome");
     dom.innerHTML = 'hello'
}; 

Answer 2

../html/navBar.html 中有id='welcome'的元素吗

Answer 3

welcomeString或者usename的问题吧，你把这两个检查一下