innerHTML in <span> in in iframe 不会改变 html

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函数，而是一个HTMLElement属性。用法--> http://www.tizag.com/javascriptT/javascript-innerHTML.php

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

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

Answer 2

innerHTML不是一个jQuery方法。您可以通过将值放入html()方法来更改innerHTML属性，如下所示:

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

希望有帮助!