document.write()和DOM对象的innerHTML、innerText属性

document.write()

定义和用法

write() 方法可向文档写入 HTML 表达式或 JavaScript 代码。

可列出多个参数(exp1,exp2,exp3,...) ,它们将按顺序被追加到文档中。

*推荐在页面onload之前使用,事件驱动的document.write方法会出现将原网页内容覆盖等问题。


DOM对象的innerHTML属性

定义和用法

innerHTML 属性设置或返回标签中的开始和结束标签之间的 HTML。

*在AJAX异步加载数据中,更推荐innerHTML而不是document.write()。


DOM对象的innerHTML属性

定义和用法

innerText 属性设置或返回标签中的开始和结束标签之间的文本。


innerText与innerHTML的区别

*设置时,若是设置的字符串包括HTML标签(如"<p>你好</p>"),网页显示中会将HTML标签也当成普通字符显示出来。而如果innerHTML属性设置的字符串包括HTML标签,浏览器则是将其当作标签来解析。

*获取时,innerText只会返回HTML标签中的文本内容,不会返回其中包含的标签。而innerHTML会将标签中包含的所有内容(包括标签)返回。

最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 2,807评论 0 8
  • 一、概述 document节点是整个文档树的顶层节点,每张网页都有自己的document节点。window.doc...
    周花花啊阅读 1,360评论 0 1
  • HTML标签解释大全 一、HTML标记 标签:!DOCTYPE 说明:指定了 HTML 文档遵循的文档类型定义(D...
    米塔塔阅读 3,331评论 1 41
  • 书,有很多很多,中国的,美国的,各式各样。从小到大,我读过的书有很多,但是,我最喜欢的,是杨红樱阿姨的《蓝色的兔...
    王思妍阅读 411评论 0 1
  • 奋斗在人类组学数据分析的一线,要随时跟上最新的研究进展。大型的研究项目会有全面的数据集和可视化工具,也有专门从各个...
    BryceBryce阅读 3,804评论 2 24