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

搞不明白哪错了。。。求大神指点！！！

<!DOCTYPE html>

<head>

function replace() {

var myvalue1 = document.getElementById("tag").value;

var myvalue2 = document.getElementById("txt").value;

var myp=document.getElementById("lvye");

var e=document.createElement(myvalue1);

var t=document.createTextNode(myvalue2);

e.appendChild(t);

document.replaceChild(e,myp);

}

</script>

</head>

<body>

<hr />

输入标签：<input id="tag" type="text"/><br />

输入文本：<input id="txt" type="text"/><br />

</body>

</html>

慕数据5775487

2016-11-27

源自：JavaScript进阶篇 9-12

关注问题我要回答

997

操作

收起

4 回答

神乐的比丘秦犬回答被采纳 +3 积分
2016-11-27

document.getElementById("tag")返回的是一个Element节点，这个节点的value的值如果用document.getElementById("tag").value来得到的话是个null,如过想获得input里面的值，需要用document.getElementById("tag").firstChild.value,即它的第一个子节点的值才是你在text框里输入的值

0 回复有任何疑惑可以回复我~

收起回答

慕数据5775487 提问者

非常感谢！

2016-11-29 回复有任何疑惑可以回复我~

慕粉1558199788
2016-12-06

我也是在你的基础上改的，你好像没搞明白父子节点的关系和替换关系

0 回复有任何疑惑可以回复我~

收起回答

慕粉1558199788
2016-12-06

<!DOCTYPE html>

<html xmlns="http://www.w3.org/1999/xhtml">

<head>

    <title></title>

    <script type="text/javascript">

        function replace() {

            var myvalue1 = document.getElementById("tag").value;
           var myid1=document.getElementById("tag");

            var myvalue2 = document.getElementById("txt").value;
           var myid2=document.getElementById("txt");
            var myp=document.getElementById("lvye");

            var newnode1=document.createElement("input");
            newnode1.value=myvalue2;

            var newnode2=document.createElement("input");
            newnode2.value=myvalue1;

            myp.parentNode.replaceChild(newnode1,myid1);
            myp.parentNode.replaceChild(newnode2,myid2);


        }

    </script>

</head>

<body>

    <p id="lvye">慕课网</p>

    <hr />

    输入标签：<input id="tag" type="text"/><br />

    输入文本：<input id="txt" type="text"/><br />

    <input type="button" value="替换" onclick="replace()" />

</body>

</html>