javascript - 从 iFrame 中更改 div 内容

Question

我有以下页面布局

<div id="userscore" >test</div>
<iframe name="frameContent" id="frameContent" width="100%" height="100%" frameborder="0" />

iFrame 动态获取其内容，包括其 javascript。

当我尝试从 iFrame 中访问用户分数时

console.log(window.parent.document.getElementById('user-score'));

我进入控制台

<div id="userscore" >test</div>

当我尝试使用

window.parent.document.getElementById('user-score').html('Change the content');

我明白了

Object [object HTMLDivElement] has no method 'html'

有没有解决的办法？或者任何人都可以对正在发生的事情有所了解。

Answer 1

DOM 元素没有方法.html()。该方法是 jQuery 等 JavaScript 库中常见的扩展。

使用纯 JavaScript 时，.innerHTML如果要更改元素的内容，则必须设置属性。

window.parent.document.getElementById('user-score').innerHTML = "New content";