不晓得哪里错了

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

Lynn_佳

2016-06-24 17:07

<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 old=document.getElementById("oldnode");

        var oldHTML=old.innerHTML;

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

        old.replaceChild(newnode,old);

        newnode.innerHTML=oldHTML;

    }

</script>


</body>

</html>

实现不了,哪里错了啊 

写回答 关注

1回答

  • qq_苹果_7
    2016-06-24 19:45:43

    首先 你新建的节点里面的东西没有内容 替换之后就没有内容了  而且必须要在删除之前先建立节点,第二点  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);
    }

    希望能帮到你

JavaScript进阶篇

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

468061 学习 · 21891 问题

查看课程

相似问题