当前位置： 首页 > news >正文

js中innerHTML，innerText，outerHTML的用法与区别

news 来源：原创 2024/5/7 2:57:55
用法：  <div id="test">      <span style="color:red">test1</span> test2  </div>  在JS中可以使用：  test.innerHTML :  　　也就是从对象的起始位置到终止位置的全部内容,包括Html标签。  　　上例中的test.innerHTML的值也就是“<span style="color:red">test1</span> test2 ”。  test.innerText:   　　从起始位置到终止位置的内容, 但它去除Html标签  　　上例中的text.innerTest的值也就是“test1 test2”, 其中span标签去除了。  test.outerHTML:   　　 除了包含innerHTML的全部内容外, 还包含对象标签本身。  　　上例中的text.outerHTML的值也就是<div id="test"><span style="color:red">test1</span> test2</div>  完整示例：   <div id="test">      <span style="color:red">test1</span> test2  </div>  <a href="javascript:alert(test.innerHTML)">innerHTML内容</a>  <a href="javascript:alert(test.innerText)">inerHTML内容</a>  <a href="javascript:alert(test.outerHTML)">outerHTML内容</a>  特别说明：   　　 innerHTML是符合W3C标准的属性，而innerText只适用于IE浏览器，因此，尽可能地去使 用innerHTML，而少用innerText，如果要输出不含HTML标签的内容，可以使用innerHTML取得包含HTML标签的内容后，再用正 则表达式去除HTML标签，下面是一个简单的符合W3C标准的示例：  <a href="javascript:alert(document.getElementById('test').innerHTML.replace(/<.+?>/gim,''))">无HTML,符合W3C标准</a>

相关文章：

  • Struts防止重复提交
  • html:multibox 的使用
  • Ie和firefox的Js区别
  • 软件工程师不可不知的10个概念
  • MySQL的数据类型
  • java.sql.date 与 java.util.date
  • JAVA日期类型
  • jsp页面添加行
  • 放大镜
  • 分页css样式
  • struts2+spring+hibernate分页
  • 一个实用的JSP分页
  • hibernate分页
  • select下拉列选提示选中内容（选中内容太长）
  • javamail发送邮件
  • Android开发 - 掌握ConstraintLayout（四）创建基本约束
  • docker-consul
  • git 常用命令
  • Java反射-动态类加载和重新加载
  • LeetCode算法系列_0891_子序列宽度之和
  • Mysql5.6主从复制
  • Nodejs和JavaWeb协助开发
  • SpiderData 2019年2月23日 DApp数据排行榜
  • SQL 难点解决：记录的引用
  • 阿里云应用高可用服务公测发布
  • 马上搞懂 GeoJSON
  • 让你成为前端，后端或全栈开发程序员的进阶指南，一门学到老的技术
  • 如何用vue打造一个移动端音乐播放器
  • ​iOS实时查看App运行日志
  • ​LeetCode解法汇总1410. HTML 实体解析器
  • !! 2.对十份论文和报告中的关于OpenCV和Android NDK开发的总结
  • # 20155222 2016-2017-2 《Java程序设计》第5周学习总结
  • #NOIP 2014#Day.2 T3 解方程
  • #绘制圆心_R语言——绘制一个诚意满满的圆 祝你2021圆圆满满
  • （52）只出现一次的数字III
  • （C）一些题4
  • （Java岗）秋招打卡！一本学历拿下美团、阿里、快手、米哈游offer
  • （pytorch进阶之路）CLIP模型 实现图像多模态检索任务
  • (阿里云万网)-域名注册购买实名流程
  • （二）pulsar安装在独立的docker中，python测试
  • （附源码）springboot“微印象”在线打印预约系统 毕业设计 061642
  • (过滤器)Filter和(监听器)listener
  • （九）信息融合方式简介
  • （学习日记）2024.04.10：UCOSIII第三十八节：事件实验
  • （原+转）Ubuntu16.04软件中心闪退及wifi消失
  • (转载)Linux 多线程条件变量同步
  • .Net MVC + EF搭建学生管理系统
  • .Net 转战 Android 4.4 日常笔记（4）--按钮事件和国际化
  • @media screen 针对不同移动设备
  • @我的前任是个极品 微博分析
  • [2017][note]基于空间交叉相位调制的两个连续波在few layer铋Bi中的全光switch——
  • [acwing周赛复盘] 第 69 场周赛20220917
  • [DAU-FI Net开源 | Dual Attention UNet+特征融合+Sobel和Canny等算子解决语义分割痛点]
  • [Docker]六.Docker自动部署nodejs以及golang项目
  • [EFI]Dell Inspiron 15 5567 电脑 Hackintosh 黑苹果efi引导文件