从iFrame中更改div内容

Question

我有以下页面布局

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

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

当我尝试从iFrame

中访问userscore时

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";