У меня есть код ниже.myscript.js
встроено в https://example.com/iframe3.html
.iframe3.html
встроен в homepage.html
.У меня вопрос, как я могу изменить myscript.js
, чтобы он получал контент за пределами своего iframe.По сути, я пытаюсь захватить id="name"
и id="age-i"
.
myscript.js
var ifr = document.createElement("iframe");
var theage = document.getElementById("age-i").innerHTML;
ifr.src = "https://example.com/get.php?age-i=" + theage;
ifr.style.visibility = "hidden";
document.body.appendChild(ifr);
homepage.html
<td width="340" align="right">
<div id="userarea">
<div>
<div id="userarea-line1">
<a href="#"><img src="/common/img/icons/home.png" width="14" height="14" /></a> <a id="name" href="#"><span class='notranslate'>John</span></a> | <a href="#">Account</a> | <a href="#" style="margin-right:5px;">Smith</a> </div>
<div id="userarea-line2"> <img width="10" height="11" src="/common/skin/base/icons/icn_age.gif" /> <span class="age-format"> <a href="#"><strong id="age-i"><span class='notranslate'>26</span></strong> age</a>
</span> <img width="10" height="11" align="top" src="/common/skin/base/icons/icn_age.gif" /> <span class="age-format" style="margin-right:5px;"> <span id="month-i"> <span class='notranslate'>03</span> </span> month</span>
</div>
</div>
</div>
</td>
<iframe id="myframe_content" frameborder="0" src="https://example.com/iframe3.html" name="myframe_content"></iframe>
iframe3.html
<script type="text/javascript" src="https://example.com/myscript.js"></script>