Как я могу получить доступ к элементам iframe с помощью Javascript?

У меня есть веб-страница, где есть тексария внутри iframe. Мне нужно прочитать значение этого текстового поля на его дочерней странице javascript. В настоящее время, используя window.parent.getelementbyID().value в javascript, я могу извлекать значения всех элементов управления на родительской странице, кроме текстовой области внутри iframe.

Идентификатор кадра и имя фрейма на моей родительской странице изменяются во время выполнения, поэтому мы не можем использовать имя/фрейм фрейма для ссылки.

Ответ 1

Если у вас есть HTML

<form name="formname" .... id="form-first">
    <iframe id="one" src="iframe2.html">
    </iframe>
</form>

и JavaScript

function iframeRef( frameRef ) {
    return frameRef.contentWindow
        ? frameRef.contentWindow.document
        : frameRef.contentDocument
}

var inside = iframeRef( document.getElementById('one') )

inside теперь является ссылкой на документ, поэтому вы можете сделать getElementsByTagName('textarea') и все, что захотите, в зависимости от того, что внутри iframe src.

Ответ 2

Используя jQuery, вы можете использовать contents(). Например:

var inside = $('#one').contents();