                        課程
                    
                        /前端開發
                        
                            /JavaScript
                        
                        /JavaScript進階篇

搞不明白哪錯了。。。求大神指點?。?！

<!DOCTYPE html>

<head>

? ? <title></title>

? ? <script type="text/javascript">

? ? ? ? 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>

? ? <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>

慕數據5775487

2016-11-27

源自：JavaScript進階篇 9-12

關注問題我要回答

1062

操作

收起

3 回答

神樂的比丘秦犬回答被采納 +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>