ICode9

精准搜索请尝试: 精确搜索
首页 > 其他分享> 文章详细

元素节点的 innerText、innerHTML、outerHTML、outerText

2021-05-16 11:33:35  阅读:240  来源: 互联网

标签:getElementsByTagName innerHTML write outerHTML innerText 加粗 感叹号 document


innerText 这个是起始其实标签和结束标签之间的文本。

innerHTML 这个表示所有的元素和文本的HTML代码 -- 在读模式下 innerHTML 属性返回调用元素的所有的子节点对应的HTML标记和内容。 -- 在写模式下innerHTMl会根据指定的值来创建新的DOM树。可以利用这个属性给指定的标签里添加标签。

outerText 是整个目标节点,返回和innerText一样的内容。

outerHTML 除了包换innerHTMl的全部内容外,还包换对象标签本身。

 

   document.write(document.getElementsByTagName("p")[0].innerText); // 输出: 永远的学生!(感叹号未加粗)
   document.write("<pre>\n</pre>");
   document.write(document.getElementsByTagName("p")[0].innerHTML); // 输出: 永远的学生!(感叹号加粗)
   document.write("<pre>\n</pre>");
   document.write(document.getElementsByTagName("p")[0].outerText); // 输出: 永远的学生!(感叹号未加粗)
   document.write("<pre>\n</pre>");
   document.write(document.getElementsByTagName("p")[0].outerHTML); // 输出: 永远的学生!(感叹号加粗)

  你看看 加不加粗的感叹号 html 都加了  text没加

  这里说一下 innerHTML的写模式是什么啊  其实就是替换啊 直接  = “xxx” 就好了 什么破玩意 讲的那么高级....烦死了 前端

标签:getElementsByTagName,innerHTML,write,outerHTML,innerText,加粗,感叹号,document
来源: https://www.cnblogs.com/bi-hu/p/14773421.html

本站声明: 1. iCode9 技术分享网(下文简称本站)提供的所有内容,仅供技术学习、探讨和分享;
2. 关于本站的所有留言、评论、转载及引用,纯属内容发起人的个人观点,与本站观点和立场无关;
3. 关于本站的所有言论和文字,纯属内容发起人的个人观点,与本站观点和立场无关;
4. 本站文章均是网友提供,不完全保证技术分享内容的完整性、准确性、时效性、风险性和版权归属;如您发现该文章侵犯了您的权益,可联系我们第一时间进行删除;
5. 本站为非盈利性的个人网站,所有内容不会用来进行牟利,也不会利用任何形式的广告来间接获益,纯粹是为了广大技术爱好者提供技术内容和技术思想的分享性交流网站。

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有