zoukankan      html  css  js  c++  java
  • 元素节点的 innerText、innerHTML、outerHTML、outerText

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

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

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

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

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

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

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

    本文来自博客园,作者:咸瑜,转载请注明原文链接:https://www.cnblogs.com/bi-hu/p/14773421.html

  • 相关阅读:
    ORACLE权限管理
    ORACLE12.2.0.1.0 支持数据对象名称超过30个字符
    Redhat下卸载自带Mysql相关组键
    周鸿祎:如何做好产品经理
    javascript类型与类型检测
    AJAX
    HTTP协议
    HTML5web存储之localStorage
    CSS定位的三种机制:普通流、绝对定位和浮动
    CSS元素居中的常用方法
  • 原文地址:https://www.cnblogs.com/bi-hu/p/14773421.html
Copyright © 2011-2022 走看看