Как получить текстовое значение из iFrame

Question

это мой код:

<iframe src="http://www.golanpal.com/ahmad/test.txt" id="iframe" ></iframe>
</br>
<input type="button" value="Start" onclick="get()">
</br>
<input id="textid" type="text">

<script language="JavaScript" type="text/javascript">
function get() {

?????????????

}
</script>

в файле text.txt содержит значение (61,00%)

я хочу Когда я нажимаю кнопку Пуск, я хочу получить значение(61,00%) и поместите его в текстовое поле (текстовое поле)

* Обратите внимание, что значение в примере (61,00%) является переменной

Greetings:)

Answer 1

вы можете попробовать ниже и убедиться, что вы получаете доступ к iframe в том же домене

<script language="JavaScript" type="text/javascript">
  function getPercent() {
    var iframe = document.getElementById('iframe');
    var innerDoc = iframe.contentDocument || iframe.contentWindow.document;
    var percent = innerDoc.body.textContent.match(/(\d+\.\d+%)/g)
    // ["17.00%", "0.00%", "61.00%"]
    document.getElementById('textid').value = percent[2];
  }
</script>

<iframe src="http://www.golanpal.com/ahmad/test.txt" id="iframe"></iframe>
</br>
<input type="button" value="Start" onclick="getPercent()">
</br>
<input id="textid" type="text">

Answer 2

Вот как это сделать с ванильным JS.Я поменял встроенный JS на более современный метод JS.

HTML

<iframe src="http://www.golanpal.com/ahmad/test.txt" id="iframe"></iframe>
<button type="button">Start</button>
<input id="textid" type="text">

JS

// Cache the elements
const iframe = document.querySelector('#iframe');
const button = document.querySelector('button');
const input = document.querySelector('input');

// Add an event listener to the button
button.addEventListener('click', handleClick, false);

function handleClick() {

  // Extract the textContent from the iframe content
  const { textContent } = iframe.contentWindow.document.body;

  // Update the input value
  input.value = textContent;
}