zoukankan      html  css  js  c++  java
  • 07-node.textContent 与innerText比着,不会触发回流

     

     输出:


    由图可见:

    1.textContent可以输出标签里即使display也会打印出来。说明了textContent不识别样式。innerText就识别到了里面div上的display:none了

    2.textContent可以识别内容中的style和script标签,会打印出来,但是不解析。innerText做不到,无视这俩标签

    (上图中的hi字体颜色变红色,是页面运行时候,就跟写在head标签里写style里一样,浏览器会输出。但是渲染到s1和s2容器中不管用textContent还是innerText,都不会解析style标签,两个渲染容器s1和s2都没有字体变红)

    3.textContent输出的时候还是保持着代码写的顺序,完全不识别标签语义。innerText就会识别标签,比如hi在p标签中,输出到视图时候,就自动换行了。

    结论:

    1.textContent不会触发回流,innerText因为会识别标签和样式,会触发回流

    2.textContent和innerText都不能解析script标签,所以都可以防止XSS跨站脚本攻击。但是innerHtml可以识别script标签,所以innerHtml要根据场景使用,不要滥用。

  • 相关阅读:
    C#多线程下更新UI的几种方法
    .net WebApi使用swagger 美化接口文档
    C#内存管理
    LINQ 推迟查询的执行
    C#多播委托详解
    泛型委托
    使用 ref 和 out 传递数组注意事项
    何时使用委托而不使用接口
    委托中的协变和逆变
    细说SQL Server数据类型
  • 原文地址:https://www.cnblogs.com/haoqiyouyu/p/14642527.html
Copyright © 2011-2022 走看看