美文网首页
document.write()和DOM对象的innerHTML

document.write()和DOM对象的innerHTML

作者: FungSaikit | 来源:发表于2017-09-17 17:40 被阅读0次

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会将标签中包含的所有内容(包括标签)返回。

相关文章

  • document.write()和DOM对象的innerHTML

    document.write() 定义和用法 write() 方法可向文档写入 HTML 表达式或 JavaScr...

  • DOM操作

    题目1: dom对象的innerText和innerHTML有什么区别? innerHTML会获取dom对象内的所...

  • DOM操作-选取、增删改查

    dom对象的innerText和innerHTML有什么区别? innerHTML:在读模式下,innerHTML...

  • DOM操作

    dom对象的innerText和innerHTML有什么区别? innerHTML:在读模式下,innerHTML...

  • DOM操作

    dom对象的innerText和innerHTML有什么区别? innerHtml:Element.innerHT...

  • DOM操作

    1.dom对象的innerText和innerHTML有什么区别? innerText 和 innerHTML都可...

  • DOM操作

    题目1: dom对象的innerText和innerHTML有什么区别? test.innerHTML:从对象的起...

  • Dom、事件

    一、问答 1. dom对象的innerText和innerHTML有什么区别? innerHTML: 也就是从对象...

  • JS基础知多少(七)DOM、事件

    一、dom对象的innerText和innerHTML有什么区别?innerHTML设置或获取位于对象起始和结束标...

  • DOM操作

    1、dom 对象的 innerText 和 innerHTML 有什么区别? innerText是获取DOM对象下...

网友评论

      本文标题:document.write()和DOM对象的innerHTML

      本文链接:https://www.haomeiwen.com/subject/arhmsxtx.html