搞不明白哪錯(cuò)了。。。求大神指點(diǎn)!??!
<!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 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">慕課網(wǎng)</p>
? ? <hr />
? ? 輸入標(biāo)簽:<input id="tag" type="text"/><br />
? ? 輸入文本:<input id="txt" type="text"/><br />
? ? <input type="button" value="替換" onclick="replace()" />
</body>
</html>
2016-11-27
document.getElementById("tag")返回的是一個(gè)Element節(jié)點(diǎn),這個(gè)節(jié)點(diǎn)的value的值如果用document.getElementById("tag").value來得到的話是個(gè)null,如過想獲得input里面的值,需要用document.getElementById("tag").firstChild.value,即它的第一個(gè)子節(jié)點(diǎn)的值才是你在text框里輸入的值
2016-12-06
我也是在你的基礎(chǔ)上改的,你好像沒搞明白父子節(jié)點(diǎn)的關(guān)系和替換關(guān)系
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">慕課網(wǎng)</p>
??? <hr />
??? 輸入標(biāo)簽:<input id="tag" type="text"/><br />
??? 輸入文本:<input id="txt" type="text"/><br />
??? <input type="button" value="替換" onclick="replace()" />
</body>
</html>