javascript - iframe中<span>中的innerHTML不会更改html </span>

Question

我正在尝试更改IFrame中的HTML代码（它位于同一个域中），但出于某种原因，这行，不会更改html：

$('iframe').contents().find('#weergave_afstand').innerHTML = afstand

它应该修改的文本如下：

Afstand traject: <span id="weergave_afstand">200</span> km.

但由于某种原因，它没有。

当我使用

时

$('iframe').contents().find('#weergave_afstand').html()

它读取值（200）就好了...... 我在这里做错了什么？

Answer 1

innerHtml不是jQuery函数，它是an HTMLElement Property。 用法 - ＆gt; http://www.tizag.com/javascriptT/javascript-innerHTML.php

要使用jquery写入内部html，您可以使用与读取时相同的html()函数。

$('iframe').contents().find('#weergave_afstand').html(afstand);

Answer 2

innerHTML不是jQuery方法。您可以通过将值放在html（）方法中来更改innerHTML属性，如下所示：

$('iframe').contents().find('#weergave_afstand').html("afstand");

希望有所帮助！