How to get the text inside a div inside an iframe in js

Question

I am Adel and I am creating a gaming app that works with PHP, js, and HTML, now what I want is a way to get a text from div with the id 'value1' inside an iframe with the id 'ServerData' in js.

This file is stored locally in my program that runs php, js, and html files:

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

Is the iframe in the same domain as you page? Browser will not allow you to do anything with the iframe if it is from the different domain — Damian Dziaduch, Aug 26 '19 at 11:54
it's from a different domain, because the file that needs to get the data is stored locally — Minecraft - Adel Store, Aug 26 '19 at 11:59
You can not access the iframe content then, the [same origin policy](https://en.wikipedia.org/wiki/Same-origin_policy) prevents that. — misorude, Aug 26 '19 at 12:04
Try : var value = document.getElementById("value1").innerText — Abdes, Aug 26 '19 at 12:10
Please try this var value = $('#iframeId').contents().find('#value1').text(); — Vaibhavi S., Aug 26 '19 at 12:38

score 0 · Answer 1 · answered Aug 26 '19 at 15:55

0

You can use textContent:

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

answered Aug 26 '19 at 15:55

Alejandra Sandoval

11
1

How to get the text inside a div inside an iframe in js

1 Answers1