程序问答   发布时间:2022-06-02  发布网站:大佬教程  code.js-code.com
大佬教程收集整理的这篇文章主要介绍了innerText,innerHTML,label,text,textContent,outerText大佬教程大佬觉得挺不错的,现在分享给大家,也给大家做个参考。

如何解决innerText,innerHTML,label,text,textContent,outerText?

开发过程中遇到innerText,innerHTML,label,text,textContent,outerText的问题如何解决?下面主要结合日常开发的经验,给出你关于innerText,innerHTML,label,text,textContent,outerText的解决方法建议,希望对你解决innerText,innerHTML,label,text,textContent,outerText有所启发或帮助;

从MDN:

因此innerText不会包含CSS隐藏的文本,但textContent会包含。

如果你错过了,让我再说一遍更清楚: 待办事项 使用.INNERHTML,除非您特别的元素中打算插入HTML,并已采取必要的预防措施,以确保您插入HTML不能包含恶意内容。如果只想插入文本,请使用,.textContent或者如果需要支持ie8和更早版本,请使用功能检测在.textContent和之间关闭.innerText

拥有如此众多不同属性的主要原因是,不同的浏览器最初为这些属性使用了不同的名称,而对所有这些属性仍然没有完整的跨浏览器支持。如果您使用的是jquery,则应坚持使用,.text()因为这旨在消除跨浏览器的差异。*

对于其他一些::outerHTML与基本上相同INNERHTML,不同之处在于:它包括其所属元素的开始和结束标签。我似乎根本找不到太多描述outerText。我认为这可能是一种晦涩的遗产,应该避免。

解决方法

我有一个由Javascript填充的下拉列表。

在决定应该在加载时显示的默认值时,我意识到以下属性显示的值完全相同:

  • innerText
  • innerHtml
  • label
  • text
  • textContent
  • outerText

我自己的研究显示基准测试或其中一些(但不是全部)之间的比较。

我可以使用自己的常识并选择1或其他,因为它们提供相同的结果,但是,我担心如果数据发生更改,这将不是一个好主意。

我的发现是:

  • innerText 将按原样显示该值,并忽略可能包含的任何HTML格式
  • innerHTML 将显示值并应用任何HTML格式
  • label似乎与相同innerText,所以看不到区别
  • text似乎innerText与jQuery速记版本相同
  • textContent看起来与相同,innerText但保持格式(例如\n
  • outerText 似乎与 innerText

我的研究只能采取我太厉害,我只能什么我能想到的或读到的东西发布后,任何一个可以确认但如果我的研究是正确的,如果有什么特别的labelouterText

大佬总结

以上是大佬教程为你收集整理的innerText,innerHTML,label,text,textContent,outerText全部内容,希望文章能够帮你解决innerText,innerHTML,label,text,textContent,outerText所遇到的程序开发问题。

如果觉得大佬教程网站内容还不错,欢迎将大佬教程推荐给程序员好友。

本图文内容来源于网友网络收集整理提供,作为学习参考使用,版权属于原作者。
如您有任何意见或建议可联系处理。小编QQ:384754419,请注明来意。