问答详情
源自：9-15 替换元素节点replaceChild()

例子为什么要创建一个文本节点追加到newdone这个节点中？

<script type="text/javascript">

function replaceMessage() {

  var newnode=document.createElement("p");

  var newnodeText=document.createElement("JS");

  // newnode.innerHTML="JS"; 这样不是更简单吗

  var oldNode = document.getElementById('oldnode');

  oldNode.parentNode.replaceChild(newnode,oldnode);


}

</script>

直接用innerHTML不是更简单吗？还有 按照之前的课程讲的 （就是讲子节点childNodes那节），计算总元素节点是7个的那个例子。这边如果把文本节点追加到元素节点中，那么在计算子节点的时候，是不是在元素节点里面还要算上文本节点？ 那7个子节点就不对了

提问者：帅弟弟 2017-02-08 07:45

个回答

  • 呜哩哇啦boy
    2017-02-09 18:14:58
    已采纳

    一开始我也很疑惑，看了一下这篇博客就明白了：http://www.cnblogs.com/swii/p/5694818.html

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

    希望能帮助到你

    5
  • 帅弟弟
    2017-02-10 21:24:35

    nnerHTML的用法

    　　tablerowObject.innerHTML

    createTextNode的用法

    　　createTextNode(data)

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

    区别：1)　　innerHTML属于HTML Dom

    　　　　　　createTextNode属于XML Dom

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

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

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

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

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

    -----转

    0
  • 超镜重生
    2017-02-09 18:16:05

    追加文本节点和innerHTML都可以；

    若原先元素没有文本节点，添加文本节点，childNodes会影响元素子节点数目

    0
  • 慕数据2360976
    2017-02-09 17:46:16

    好问题同求

    0