javascript - from - iframe#document css
Cómo elegir el elemento dentro de iframe usando document.getElementById (2)
Tengo un iframe como este
<iframe name="myframe1" id="myframe1" width="100%" height="100%" src="a.html">
<html>
<head></head>
<frameset name="myframe2" cols="0%, 100%" border="0" frameBorder="0" frameSpacing="0">
<frame name="page1" src="c.html" scrolling="no"></frame>
<frame name="page2" src="d.html" >
<html>
<head></head>
<body id="top">
<div id="div1">
<div id="div2">
<div id="div3">
<ul id="x">
<li>a</li>
<li>b</li>
</ul>
</div>
</div>
</div>
</body>
</html>
</frame>
</frameset>
</html>
</iframe>
Quiero referirme al elemento "x". Intenté de varias maneras, pero no pude encontrar una solución.
usa contentDocument para lograr esto
var iframe = document.getElementById(''iframeId'');
var innerDoc = (iframe.contentDocument) ? iframe.contentDocument : iframe.contentWindow.document;
var ulObj = innerDoc.getElementById("x");
document.getElementById(''myframe1'').contentWindow.document.getElementById(''x'')
contentWindow es compatible con todos los navegadores, incluidas las versiones anteriores de IE.
Tenga en cuenta que si el src del iframe proviene de otro dominio, no podrá acceder a su contenido debido a la misma política de origen .