公司网站打开显示建设中,西安百度推广开户,三亚旅游网站策划书,开发公司工程部经理竞聘演讲稿一、innerHTML与innerText介绍
innerHTML和innerText都是元素的属性#xff0c;通过修改这个元素的属性可以达到修改元素内容的目的
二、innerHTML与innerText的区别 1.innerHTML InnerHTML获取或设置指定元素标记内的HTML内容#xff0c;从元素标记的开始到元素标记的结束…一、innerHTML与innerText介绍
innerHTML和innerText都是元素的属性通过修改这个元素的属性可以达到修改元素内容的目的
二、innerHTML与innerText的区别 1.innerHTML InnerHTML获取或设置指定元素标记内的HTML内容从元素标记的开始到元素标记的结束 包括HTML标记 示例
!DOCTYPE html
html langenheadmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0titleinnerHTML/title
/headbodydiv idtest!-- 注释测试注释 --hello strongworld/strong/divscriptconsole.log(document.getElementById(test).innerHTML)// 打印返回值// !-- 注释测试注释 --// hello strongworld/strong// 所以innerHTML表示元素所有的后代html。// 该范围包括文本节点注释节点元素节点等内容。// 在读写该属性时我们可以获取一个字符串这个字符串包括元素内部的内容// 包含空格换行注释。/script
/body/html 2.innerText InnerText获取或设置指定元素标记内的文本的值从元素标记的开始到元素标记的结束不包括HTML标记 !DOCTYPE html
html langenheadmeta charsetUTF-8meta http-equivX-UA-Compatible contentIEedgemeta nameviewport contentwidthdevice-width, initial-scale1.0titleinnerText/title
/headbodydiv idtest!-- 注释测试注释 --hello strongworld/strong/divscriptconsole.log(document.getElementById(test).innerText)// 打印返回值hello wordl//所以// innerText表示元素所有的文本内容包括文本节点子元素和后代元素的文本节点// 只包括内容不包括注释空格等/script
/body/html
三、思考childNodes和children childNodes Node.childNodes 返回包含指定节点的子节点的集合该集合为即时更新的集合。childNodes 属性返回的是 DOM 节点的子集合它属于 NodeList 集合childNodes会返回所有节点包括HTML、Text、注释等等内容 children Element.children 是一个只读属性返回 一个Node的子elements childre属于HTMLCollection集合它返回的是节点的子elements通俗的说children返回的是HTML元素标签总结children只返回元素节点
