如何在js中的iframe中获取div中的文本[重复]

Posted

技术标签:

【中文标题】如何在js中的iframe中获取div中的文本[重复]【英文标题】:How to get the text inside a div inside an iframe in js [duplicate] 【发布时间】:2019-12-30 14:31:06 【问题描述】:

我是 Adel,我正在创建一个适用于 php、js 和 html 的游戏应用程序,现在我想要的是一种从 id 为“value1”的 div 中获取文本的方法,该文本位于一个 id 为“ServerData”的 iframe 中' 在 js 中。

此文件本地存储在我的运行 php、js 和 html 文件的程序中:

<html>
<head></head>
<body>
<iframe src="http://website.com/file.php">
<div id="value1">
AnText
</div>
</iframe>
<script>
  the script 
</script>
</body>
</html>

【问题讨论】:

iframe 是否与您的页面在同一个域中?如果 iframe 来自不同的域,浏览器将不允许您对 iframe 执行任何操作 它来自不同的域,因为需要获取数据的文件存储在本地 你无法访问 iframe 内容,same origin policy 阻止了这种情况。 但我的程序允许这样做,因为它只适用于我的网站 尝试:var value = document.getElementById("value1").innerText 【参考方案1】:

你可以使用 textContent:

 var textDiv = document.getElementById("value1").textContent;

【讨论】:

以上是关于如何在js中的iframe中获取div中的文本[重复]的主要内容,如果未能解决你的问题,请参考以下文章

Jquery 获取iframe 中元素并设置CSS问题

js怎么获取iframe页面中的dom元素

js怎么获取iframe页面中的dom元素

在控制台中获取所有带有文本类型的输入? iFrame中的页面[重复]

Js获取Iframe页面高度,并将高度赋值给Iframe

使用 JS 获取选定的文本 - 即使在 iFrames 中