替换元素节点-慕课网

替换元素节点

来源：9-15 替换元素节点replaceChild()

不知所语

2016-04-11 12:54

<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>无标题文档</title>
</head>
<body>

<div><b id="oldnode">JavaScript</b>是一个很常用的技术，为网页添加动态效果。</div>
<a href="javascript:replaceMessage()"> 将加粗改为斜体</a>

    <script type="text/javascript">
      function replaceMessage(){
        var newnode=document.createElement("i");
        var newnodeText=document.createTextNode("javaScript");
        newnode.appendChild(newnodeText);
        var oldNode=document.getElementById("oldnode");
        oldNode.parentNode.replaceChild(newnode,oldNode);

       }
</script>

</body>
</html>

上面的appendChild不是在节点的后面插入一个节点吗。前面一个文本节点，后面一个元素为i的元素节点，为什么显示的结果是正确的呢

写回答关注

2回答

慕斯卡7552660

2016-04-11 15:57:56

已采纳

appendChild是在 i 标签里插入的文本节点， oldNode.parentNode.replaceChild(newnode,oldNode);这替换的是元素节点

1 0

不知所语

非常感谢！

2016-04-11 16:05:57

共 1 条回复 >
慕斯卡7552660

2016-04-11 16:07:18

不用谢

0 0

JavaScript进阶篇

本课程从如何插入JS代码开始，带您进入网页动态交互世界

468061 学习 · 21891 问题

查看课程

相似问题

替换元素节点

回答 2

替换元素节点replaceChild()

回答 2

替换元素节点replaceChild()的相关问题

回答 1

替换元素

回答 1

关于替换元素节点中新代码的赋值问题

回答 3

打开慕课网App查看更多内容