jquery对iframe的元素进行遍历
2016-03-19 21:47
1231 查看
友言评论,由于无法更改时间导致真实性比较的差。
先是打算遍历时间容器,对其进行修改,后面发现友言是嵌入frame,由于涉及到跨域问题,所以无法对其dom节点进行修改
<iframe src="./1.html" id="test"></iframe> ;这个是在同一个域下,可以访问
<iframe src="http://tp.bh-365.net/1.html" id="test"></iframe> ;这个是在不同域名下,不能跨域访问其中的元素
如果是在同一个域下。那么是可以修改frame里头元素的值。
$(".time-ago",window.frames[0].document).each(function(i){alert($(this).text());})
或
$(window.frames[0].document).find(".time-ago").each(function(){$(this).text("333333");})
指的是对第一个框架中的所有样式名为time-ago的元素值更改时间。
$(".time-ago",window.frames[0].document) ;注意后面指的是在window.frames[0].document上筛选的元素。注意一定要加document
$(window.frames[0].document).find(".time-ago"); 在指定的元素里头再次筛选
注意一定要加document
先是打算遍历时间容器,对其进行修改,后面发现友言是嵌入frame,由于涉及到跨域问题,所以无法对其dom节点进行修改
<iframe src="./1.html" id="test"></iframe> ;这个是在同一个域下,可以访问
<iframe src="http://tp.bh-365.net/1.html" id="test"></iframe> ;这个是在不同域名下,不能跨域访问其中的元素
如果是在同一个域下。那么是可以修改frame里头元素的值。
$(".time-ago",window.frames[0].document).each(function(i){alert($(this).text());})
或
$(window.frames[0].document).find(".time-ago").each(function(){$(this).text("333333");})
指的是对第一个框架中的所有样式名为time-ago的元素值更改时间。
$(".time-ago",window.frames[0].document) ;注意后面指的是在window.frames[0].document上筛选的元素。注意一定要加document
$(window.frames[0].document).find(".time-ago"); 在指定的元素里头再次筛选
注意一定要加document
相关文章推荐
- Jquery上传插件Uploadify无刷新上传文件
- jQuery存在的必要性
- jQuery 还可以输入多少字 inputTotal()
- 使用jQuery的文件上传插件Uploadify完成html的表单提交
- jQuery特效
- jQuery操作radio、checkbox、select总结
- jquery的animate的使用
- 利用jquery给指定的table动态添加一行、删除一行
- 使用jQuery实现类似开关按钮的效果
- 利用jQuery实现CheckBox全选/全不选/反选
- jQuery插件开发
- Jquery+css实现图片无缝滚动轮播
- jQuery插件AjaxFileUpload实现ajax文件上传
- jQuery扩展插件方法 $.extend()和$.fn.extend()
- jq生成目录文件树jQuery Ztree基本用法
- Jquery 操作RadioButtonList,DropDownList
- jquery中attr和prop的区别分析
- jQuery Ajax 使用 ($.ajax、$.post、$.get)
- jQuery Ajax 使用 ($.ajax、$.post、$.get)
- Html在线编辑器--基于Jquery的xhEditor轻量级编辑器