代码问题，为什么显示不出替换结果
菜菜粒
2016-10-13 15:29
<!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("JAVA");
newnode.appendChild(newnodeText);
var oldnode=document.getElementById("oldnode");
oldnode.parentNode.replaceChild(newnode,oldnode);
</script>
</body>
</html>
3回答
-
- 一路然然
- 2016-10-13 20:43:51
你得代码写的没错。缺少“}”大括号。 function replaceMessage(){}；
<script type="text/javascript">
function replaceMessage(){
var newnode=document.createElement("i");
var newnodeText=document.createTextNode("JAVA");
newnode.appendChild(newnodeText);
var oldnode=document.getElementById("oldnode");
oldnode.parentNode.replaceChild(newnode,oldnode);
};
</script>
-
- 一路然然
- 2016-10-13 17:22:02
行创建的i标签父元素不明确，无法识别。
-
- 慕粉3815819
- 2016-10-13 17:09:16
因为需要替换的<b>没有被赋予<i>, 添加newnode.innerHTML=oldnode.innerHTML;
JavaScript进阶篇
468191 学习 · 21891 问题
相似问题