html - 获取iframe内部元素为空？-PHP中文网问答

文章专题 AI工具学习下载问答源码最近更新

PHP

会员中心讲师中心微信公众号

html - 获取iframe内部元素为空？

ringa_lee 2017-04-17 13:53:04

[HTML讨论组]

727

父级：

<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我比对过，是正确的。应该不是同域的问题吧？

ringa_lee

全部回复(3)

伊谢尔伦2017-04-17 13:55:04 3楼

是不是iframe还没加载完？

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