                        课程
                    
                        /前端开发
                        
                            /JavaScript
                        
                        /JavaScript进阶篇

不晓得哪里错了

<html>

<head>

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

</head>

<body>

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

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

function replaceMessage(){

var old=document.getElementById("oldnode");

var oldHTML=old.innerHTML;

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

old.replaceChild(newnode,old);

newnode.innerHTML=oldHTML;

}

</script>

</body>

</html>

实现不了，哪里错了啊

Lynn_佳

2016-06-24

源自：JavaScript进阶篇 9-15

关注问题我要回答

537

操作

收起

1 回答

qq_苹果_7
2016-06-24

首先你新建的节点里面的东西没有内容替换之后就没有内容了而且必须要在删除之前先建立节点，第二点 replacechild是替换的节点的子节点你的old获取的节点没有子节点你应该这样改

function replaceMessage(){
    var old=document.getElementById("oldnode");
    var old2 = old.parentNode ; 
    var newnode=document.createElement("i");
    newnode.innerHTML = old.innerHTML;
    old2.replaceChild(newnode,old);
}

希望能帮到你