首先实现父级通过iframe访谒子级DOM元素有以下几点需要出格注意的
1,需要在处事器的情况下访谒，可以使用本地处事器
2，需要使用入口函数(当初被这个坑惨了)
3，这种要领跨域访谒不了
>*使用本地处事器

首先成立两个文件分袂定名为父级parantN.html和子级Child.html两个html文件，先看看html文件代码。

父级parantN.html

<iframe id='myIframe' name="myIrame" src=http://www.mamicode.com/"Child.html" scrolling="no" border="0" frameborder="no" framespacing="0" allowfullscreen="true"> </iframe> </body>

子级Child.html

<div id="qq"> <div> <div id="text">我是子级</div> </div> </duiv>

使用JS代码获取iframe里面的元素

// 使用JavaScript要领获取 // 例子：window.frames["iframe的name值"].document.getElementById("iframe中控件的ID") window.onload = function () { var text = window.frames["myIrame"].document.getElementById("text") text.style.color = 'red'; text.innerHTML = '看我使用JavaScript要领获取了iframe里面的元素，，并改削了。'; }

||||||||
使用JQ获取iframe里面的元素

//例子： $("#iframe的ID").contents().find("#iframe中的控件ID") window.onload = function () { $("#myIframe").contents().find("#text").html('使用JQ转变了iframe里面的内容').css({ 'color': 'red' }) }

使用JS/JQ获取iframe里面的元素

标签：

原文地点：https://www.cnblogs.com/yohe/p/12210112.html