Для получения содержимого элемента <input> из <iframe> в JavaScript можно использовать следующий подход:
1. Получите доступ к iframe через метод document.getElementById
или document.querySelector
, указав идентификатор или селектор iframe соответственно. Например:
var iframe = document.getElementById("myIframe");
2. Получите доступ к содержимому iframe с помощью свойства contentWindow
и загрузите его в переменную. Например:
var iframeContent = iframe.contentWindow.document;
3. Теперь у вас есть доступ к содержимому iframe как к отдельному документу. Чтобы получить содержимое элемента <input>, используйте методы доступные для работы с документом. Например, для получения значения элемента <input>:
var input = iframeContent.querySelector("input"); var value = input.value;
Если у вас есть несколько элементов <input> и вам нужно получить все их значения, вы можете использовать метод querySelectorAll
и цикл для прохода по каждому элементу.
var inputs = iframeContent.querySelectorAll("input"); for (var i = 0; i < inputs.length; i++) { var value = inputs[i].value; // Действия с полученными значениями }
Обратите внимание, что доступ к содержимому iframe возможен только при условии, что он загружен с того же домена, что и страница, на которой находится скрипт. Это известно как политика безопасности «одного источника».