js获取iframe里面的dom

Posted 额爷

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了js获取iframe里面的dom相关的知识,希望对你有一定的参考价值。

最近在写页面遇到了问题,一个dom好多地方用到,然后我就单独写了个html页面,然后用iframe引入,但是,想获取iframe里面input的value,获取不到input,后面才知道原来js不能直接获取iframe里面的元素,上代码

引入公共html :deadSeedling.html

<IFRAME id="deadSdl" marginWidth=0 marginHeight=0 src="common/deadSeedling.html" frameBorder=0 width=100%
        height=150></IFRAME>

接下来就要获取iframe的dom了

var childHtml = document.getElementById("deadSdl").contentWindow;  //获取以 HTML 对象来返回 iframe 中的文档
        chgNum =childHtml.document.getElementById(\'num\').value;  //获取iframe里面id为num的input的value

打印chgNum如图:

 

 

以上是关于js获取iframe里面的dom的主要内容,如果未能解决你的问题,请参考以下文章

js 怎么获取iframe 的高度?

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

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

怎么获取iframe里面的元素

JS修改Iframe内部宽度问题,在线等

javascript怎么操作iframe页面里面的dom元素?