文本替换

<p id="p1">Hello World!</p>
<div>神经</div>
<h3 class="hh">天黑了</h3>
<table>
<tr><td name="name">你好</td></tr>
</table>

<script>
document.getElementById("p1").innerHTML="已经不是Hello了!";
document.getElementsByName("name")[0].innerText="我不好";
document.getElementsByTagName("div")[0].innerHTML="不是神经";
document.getElementsByClassName("hh")[0].innerText="天亮了";
</script>

PS:  1、innerHTML是符合W3C标准的属性,而innerText只适用于IE浏览器(现在也适应chrome浏览器),因此,尽可能地去使用 innerHTML,而少用innerText

2、innerHTML指的是从对象的起始位置到终止位置的全部内容,包括Html标签。innerText指的是从起始位置到终止位置的内容,但它去除Html标签。

3、innerHTML 是所有浏览器都支持的,innerText 是IE浏览器和chrome 浏览器支持的,Firefox浏览器不支持。

转载于:https://www.cnblogs.com/min77/p/6148918.html

innerHTML,innerText相关推荐

  1. innerHTML\innerText制作动态网页基础

    innerHTML\innerText制作动态网页基础 定义和用法 innerHTML 属性设置或返回表格行的开始和结束标签之间的 HTML.说白了就是出现一段话.. innerText从起始位置到终 ...

  2. innerHTML,innerText是什么意思?怎么使用?

    innerHTML,innerText是什么意思?怎么使用? innerHTML:获取标签的内容(包括子元素),字符 innerText:获取标签的文字内容,字符 一.属性的操作 需要获取的属性 in ...

  3. JS中innerHTML,innerText,outHTML的用法及区别

    一张图解释: 对于一个id为"testdiv"的div来说,outerHTML.innerHTML以及innerTEXT三者的区别可以通过下图展示出来: 文字解释: innerHT ...

  4. AdjacentHTML/innerHTML/innerText

    添加HTML内容与文本内容以前用的是innerHTML与innerText方法,最近发现还有insertAdjacentHTML和insertAdjacentText方法,这两个方法更灵活,可以在指定 ...

  5. jq中html(),text(),val()以及js中innerHTML,innerText和value

    1.jQuery中设置或者获取所选内容的值: text();设置或者获取所选元素的文本内容: html();设置或者获取所选元素的内容(包括html标记): val();设置或者获取表单字段的值(前提 ...

  6. innerHTML innerText

    区别: 1.innerText 只识别文本,不识别html标签 非标准 去除空格和换行 2.innerHTML 可解析标签.文本 识别html标签 W3C标准 3.这两个属性可读写 可获取元素里面的内 ...

  7. innerHTML\innerText

    document.write  和 innerHTML : document.write 重绘 整个页面,innerHTML 重绘页面的一部分. 为什么 js中 不推荐使用 innerHTML? 因为 ...

  8. Javascript第五章innerHTML/innerText/创建新节点元素添加内容第八课

    测试结果: 步骤: 练习:按钮每点击一次,下面内容就增加一条 更多免费教学文章请关注这里 结果 源码: <!DOCTYPE html> <html lang="zh&quo ...

  9. innerHTML outerHTML innerText

    迁移时间--2017年10月31日14:52:59 Author:Marydon UpdateTime--2017年1月15日20:33:03 innerHTML,outerHTML与innerTex ...

最新文章

  1. LESSON 9.1 随机森林回归器的实现
  2. js与android webview交互
  3. ThinkPHP--栏目增删改查ADSF
  4. [css] 如何设置背景图片不随着文本内容的滚动而滚动?
  5. window 2003 实现多用户远程登录
  6. 倾囊传授DELL主板BIOS设置
  7. 《高斯牛顿优化算法--第一讲》原理推导
  8. 运算放大器权威指南(Op Amps for Everyone)
  9. at24c256读写linux,AT24C256写不进去
  10. Cisco防火墙基础介绍及配置
  11. 钢琴乐谱怎么看?学习五线谱及其口诀
  12. 先验 超验_关于先天、先验、经验和超验的理解
  13. WordPress 网站基于REST API 开发“微信小程序”实战
  14. 关于爬取猫眼电影的口碑评分和累计票房的尝试
  15. 似物性检测——linux下运行objectness-v2.2并分析源码(pami2012论文)
  16. 五大主流浏览器的内核,前端在IE浏览器中常见的兼容问题
  17. ---===制作全透明的窗口===---
  18. 民事诉讼法(1)目录
  19. Fortona 4D欧洲之星能维持多久,多久做一次,
  20. 公钥、私钥、加密、解密

热门文章

  1. 对话阿里巴巴贾扬清:如何成为一名优秀的 AI 架构师?
  2. python tkinter 循环显示文本_Python简易音乐播放器
  3. 80后游戏美术:这十年总在挣扎着做些更有意思的事儿
  4. 如何在LOL中成功制造一颗飞弹?
  5. 《明日方舟》的塔防元素:是鸡肋还是精髓?
  6. MySQL复习资料(五)——MySQL-索引
  7. 零基础学Python【二十三、图形化界面设计 】(基础一篇全,欢迎认领)
  8. affiliate的使用方式
  9. mac下修改mysql默认字符集为utf8
  10. Error:java: JDK isn't specified for module 'bvisioncloud'