如何从 iFrame 中获取值答案

【问题标题】：How to fetch value from within iFrame如何从 iFrame 中获取值
【发布时间】：2018-12-09 13:00:36
【问题描述】：

<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%）是可变的

你好 :)

【问题讨论】：

标签： javascript jquery html iframe get

【解决方案1】：

您可以通过

获得61.00%

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

如果你想改变它，只需改变value。

【讨论】：

忍者 20 秒 :D

【解决方案2】：

试试这个：

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

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

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

【讨论】：

【解决方案3】：

使用 JQuery

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

【讨论】：

【解决方案4】：

这是我的代码：

<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%）是可变的

【讨论】：