JavaScript - innerHTML в <span>в iframe не изменит HTML

Question

Я пытаюсь изменить HTML-код внутри IFrame (он находится в том же домене), но по какой-то причине эта строка не изменит 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

Для записи во внутренний html с использованием jquery вы можете использовать ту же функцию html () , которую вы использовали для чтения.

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

Answer 2

innerHTML не является методом jQuery. Вы можете изменить свойство innerHTML, поместив значение в метод html () следующим образом:

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

Надеюсь, это поможет!