如何从iFrame中获取值

Question

<iframe src="test.html" id="iframe" ></iframe>
</br>
<input type="button" value="Start" onclick="get()">
</br>
<input id="xtext" type="text">

例如（test.html）包含以下文本：

<td class=\"datatable-cell\">61.00%<\/td>

当我按下开始按钮时，我想获取值（61.00％），并将其放置在文本输入中

*请注意，示例中的值（61.00％）是可变的

问候：）

Answer 1

您可以通过{p>获得61.00%

const iframe = document.getElementById('iframe').contentWindow;
const value = iframe.document.getElementsByClassName('datatable-cell')[0].innerText;

如果要更改它，只需更改value。

Answer 2

尝试一下：

const iframe = document.getElementByID("iframe").contentWindow;

let text = iframe.document.querySelector(".datatable-cell").innerHTML;

但是，如果您不信任iframe内容，请当心脚本攻击。

Answer 3

这是我的代码：

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

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

!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!!?????????????

}
</script>

在text.txt文件中包含（61.00％）的值

我要按下“开始”按钮时，我要获取值（61.00％），并将其放在textinput（xtext）中

*请注意，示例中的值（61.00％）是可变的

Answer 4

使用JQuery

$('.xtext')[0].click(function() {   
  $('#iframe').contents().$(".datatable-cell").html();
 }