zoukankan      html  css  js  c++  java
  • innerHTML和createTextNode的区别

    innerHTML的用法

      tablerowObject.innerHTML

    createTextNode的用法

      createTextNode(data)

      返回新创建的 Text 节点,表示指定的 data 字符串。

    区别:1)  innerHTML属于HTML Dom

          createTextNode属于XML Dom

       2)  虽然效果类似但是在某种情况下是有区别的

    var p=document.createElement("p");
    p.className="message";
    p.innerHTML="<b>I love js</b>";
    document.body.appendChild(p);
    var p=document.createElement("p");
    p.className="message";   
    var textnode=document.createTextNode("<b>I love js</b>");
    p.appendChild(textnode);
    document.body.appendChild(p);

    在第一种情况下呈现出的效果是加粗的文本内容

    而在第二种情况下呈现出的效果是<b>I love js</b>原文本。

    所以两者的区别在于,innerHTML会将文本中包含的HTML代码实现效果,而createTextNode只是纯粹创造了文本节点,所以返回的效果也就是纯文本内容。

  • 相关阅读:
    MySQL改变表的存储引擎
    数字三角形合集
    POJ 3250 Bad Hair Day 单调栈
    Linux 网卡驱动学习(二)(网络驱动接口小结)
    Lecture Notes: Macros
    [转]LNMP环境下的Web常见问题排查(精品)
    ssh-copy-id password
    python
    python
    Ceph
  • 原文地址:https://www.cnblogs.com/xtdxs/p/6570622.html
Copyright © 2011-2022 走看看