改变从一个iFrame

Question

内的div的内容我有以下页面布局

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

的iFrame中获取其内容动态，包括它的JavaScript。

当我尝试内嵌框架

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

我在控制台

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

当我尝试使用

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

得到内访问userscore我得到

Object [object HTMLDivElement] has no method 'html' 

有没有办法解决这个问题？或者任何人都可以了解发生了什么。

Answer 1

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

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

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