appendChild问题-慕课网

首页课程实战体系课手记专栏慕课教程

appendChild问题

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

慕神2326442

2016-11-27 14:47

为什么这两句代码

var newnodeText=document.createTextNode("JavaScript");

newnode.appendChild(newnodeText);

换成 var newnode.innerHTML="JavaScript"; 就实现不了效果呢？

<!DOCTYPE HTML>

<html>

<head>

<title>无标题文档</title>

</head>

<body>

<div><b id="oldnode">JavaScript</b>是一个很常用的技术，为网页添加动态效果。</div>

<a href="javascript:replaceMessage()"> 将加粗改为斜体</a>

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>

写回答关注

JavaScript进阶篇

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

468061 学习 · 21891 问题

相似问题

回答 1

回答 1

回答 3

回答 2

回答 4