2020-11-13

原创于 2020-11-13 19:58:53 发布 · 98 阅读

0 ·

CC 4.0 BY-SA版权

innerHTML、outerHTML、innerText、outerText区别

如：<div><p>这是一个段落</p></div>

innerHTML设置或获取标签所包含的HTML+文本信息 div.outerHTML的结果是**<p>这是一个段落<p>**
执行document。getElementById(‘div1’).innerHTML='qingdao’会设置div1中的内容为qingdao
执行document。getElementById(‘div1’).innerHTM=<div>+‘qingdao’+<div>,此时页面内容依旧是qingdao，标签名会解析，不会输出
outerHTML设置或获取标签自身及其所包含的HTML+文本信息 div.outerHTML的结果是<div><p>这是一个段落</p></div>
innerText设置或获取标签所包含的文本信息 div.innerText的结果为这是一个段落
执行document。getElementById(‘div1’).innerText=<div>+‘qingdao’+<div>,此时页面输出为<div>+‘qingdao’+<div>,此时标签名不会被解析，当字符原样输出
outerText设置或获取标签自身及所包含的文本信息这是一个段落