1.在iframe的body里添加内容$("iframe").contents().find("body").html('内容');contents()的api:查找匹配元素内部所有的子节点(包括文本节点)。如果元素是一个iframe,则查找文档内容2.替换整个iframe标签里面的内容,包括头部,body等。比如在去一个文本域里面的html 转化为 可视界面,这时候,我们可以把文本域里面的整个html值放到一个新建的iframe里面:html:
<textareaname="content"id="content"rows=30style="width:800px">
</textarea>
<iframeid="myedit"width="800"height="450"src="about:blank"style="padding:0px;display:none;"charset="utf-8"></iframe>

js:

var bianji=document.getElementById("myedit").contentWindow;var txt1     = document.getElementById("content").value;
bianji.document.write(txt1);
bianji.document.close();

对于contentWindow的兼容性,表示亲测,无误。

 

转载于:https://www.cnblogs.com/yesw/p/4142884.html

操作iframe里面的标签内容相关推荐

  1. 点击iframe里面嵌入的内容,获取iframe标签外面的元素,获取不到的问题

    点击iframe里面嵌入的内容,获取iframe标签外面的元素,获取不到的问题 问题描述,点击iframe嵌入的元素,想让tab栏样式跟着切换,iframe嵌入的链接也要跟着替换 1.这个是ifram ...

  2. python中返回上一步操作_selenium操作iframe元素,切入退出操作

    iframe是个特殊的标签,相当于在网页内部重新嵌套一个网页.如果selenium要操作iframe里面的元素,则需要先切入iframe.selenium操作iframe方法如下: 1.seleniu ...

  3. 使用jquery操作iframe

    1. 内容里有两个ifame <iframe id="leftiframe"...</iframe> <iframe id="mainiframe ...

  4. 百度地图鼠标经过图层时高亮显示图标及标签内容

    百度地图开发常用网站 1.百度地图开放平台 http://lbsyun.baidu.com/ 2.百度地图 Javascript API JavaScript API v3.0 http://lbsy ...

  5. js设置和获取html和文本,JS---DOM---设置和获取---标签内容和文本内容

    设置和获取---标签内容和文本内容 总结---设置: 使用innerText主要是设置文本的, 设置标签内容, 是没有标签的效果的 innerHTML是可以设置文本内容 innerHTML主要的作用是 ...

  6. cypress之实现文件上传下载以及操作iframe下页面元素

    前面讲解了使用cypress框架如何定位.操作页面元素以及校验测试结果,此次课程将介绍如何实现文件上传.操作iframe下面的页面原因以及操作shadow dom下的页面元素.为了完成此次课程目标,拆 ...

  7. form表单的使用,iframe内嵌标签

    一.form表单,表单名称使用name action 把当前表单中的数据提交到哪个程序去处理 后端功能接口 method 表单的提交方式常用的两种方式, get:可以缓存到浏览器中,有长度限制(204 ...

  8. jquery 操作iframe的几种方法总结

    jquery 操作iframe的几种方法总结 iframe在复合文档中经常用到,利用jquery操作iframe可以大幅提高效率,这里收集一些基本操作 DOM方法:父窗口操作IFRAME:window ...

  9. java中table是什么标签_[Java教程]javascript格式化table标签内容

    [Java教程]javascript格式化table标签内容 0 2015-07-12 20:00:08 项目中遇到这样的需求,一大段文章正文的html代码在手机中显示不全,原因是由于其它有table ...

最新文章

  1. 仅剩一周!!CSDN年终大放血!人人有份的大奖你确定不来?
  2. 运维数据库平台~inception审核规则详解
  3. 感知机算法的两种表示
  4. 独家交付秘籍,你确定不点开看看?
  5. 第一次走绿道,从长岭陂到梅林水库
  6. canvas制作随机验证码
  7. Java NIO使用及原理分析(二)
  8. MyBatis 实际使用案例-transactionManager
  9. 【原创】最值得推荐wince应用和wince驱动入门书籍
  10. 【HDU - 1276】士兵队列训练问题 (报数问题 模拟)
  11. 知识点滴:持久层,DAO,API,DAL,BLL,DLL,csproj,sln
  12. Linux命令-目录处理命令:mkdir
  13. oracle设置打印机,使用 Oracle Solaris 打印管理器设置网络连接的打印机
  14. Oracle11gR1中细粒度访问网络服务(转)
  15. ORACLE HANDBOOK系列之五:PL/SQL中的集合类型(Collections in PL/SQL)
  16. 大数据量下求均值的方法
  17. 抖音的计算机技术优势,抖音系统的四大优势是什么?
  18. html5人脸拼图,面向眼机交互的界面控件设计方法研究.pdf
  19. 微信小程序拼团进度,显示当前刻度,未到刻度点时显示在中间
  20. Microsoft KMS Client Setup Keys ( Windows + Office )

热门文章

  1. c语言流程图char,求救!各位大神,用程序流程图怎么描述下面这个???
  2. python创建子类_Python线程创建子类?
  3. 项目实战丨某家具公司机房改造方案
  4. 从零开始入门 K8s | Kubernetes 网络概念及策略控制
  5. 计算机5G英语文献,无线通信英文参考文献精选
  6. python剑指offer跳台阶_【剑指offer】跳台阶I和II(Javapython)
  7. numpy实现神经网络代码(mnist手写体识别)
  8. uos系统断网怎么安装mysql_[学习笔记] UOS安装MySQL
  9. java校验框架源码解析_Spring Boot原理剖析和源码分析
  10. linux代码环境配置,linux下配置环境变量【原创】(示例代码)