我有一个很大的页面,其中包含 Iframe 和 javascript 函数来使用它。我将简化我的代码,例如:
Simple html:
<html>
<head>
head tags
</head>
<body>
<iframe id="iframe_1" align="center" src="iframe-test.html"></iframe>
</body>
</html>
iframe-test.html 的内容:
<html>
<head>
</head>
<body>
<span id="my_element">50</span>
</body>
</html>
我的 JavaScript 函数:
function test(){
var my_element = document.getElementById("iframe_1").contentWindow.document.getElementById("my_element");
my_element.innerHTML = "60";
}
所以。它在 IE 和 FF 中完美运行,但 Chrome 不会更新 my_element 的 innerHTML,直到我用鼠标选择它!是的,没错。我正在调用 js 函数,但在 Chrome 中没有看到更新,在我用鼠标光标选择“50”后,它会用新值“60”刷新。我该如何解决?