使用jquery操作iframe中的元素
<iframe src="/test/demo.htm" width="99%" height="300" id="frameTHY"></iframe>
<pre>
<script>
window.onload = function() {
$( "#frameTHY" ).contents().find( "a" ).css( "background-color", "red" );
};
</script>
</pre>
另外这里说一下,iframe的src的地址必须是当前站点域名内的才能够被访问到,否在的话是访问不到的,比如下面这种情况。
还有一点需要注意,如果你要获取iframe中的元素,那么必须使用window.onload,必须是这个页面加载完后执行,一定不能是页面初始化 不然没效果的
相关文章
- 07-22jquery中的ajax基本使用以及文件上传
- 07-22Cypress:操作iframe中的元素
- 07-22为什么要追加使用新元素覆盖列表中的所有内容?
- 07-22使用HTML中的canvas标签通过js操作制作一个小型英雄抓怪兽的2D小游戏
- 07-22ArrayList在头尾操作元素和LinkedList使用特有方法在头尾操作元素的效率 提示 : 效率比较, 就是ArrayList 头尾增删用的时间, 与LinkedList头尾增删用的时间,
- 07-22利用jquery中的选择器,让p元素的字体颜色变成红色
- 07-22可以拖拽的元素如何在iframe 中释放(无法触发drop事件)?
- 07-22Rxjs debounce 操作符在 SAP Spartacus 函数节流中的一个实际使用例子
- 07-22ES6~Promise原理及使用三 搞懂jquery中的Promise(摘取自:https://www.cnblogs.com/lvdabao/p/jquery-deferred.html)
- 07-22使用SVG中的Symbol元素制作Icon