<!DOCTYPE html><html><body><div id="div1"><p id="p1">這是一個段落。</p><p id="p2">這是另一個段落。</p></div><script>var para=document.createElement("p");var node=document.createTextNode("這是新段落。");para.appendChild(node);var element=document.getElementById("div1");element.appendChild(para);</script></body></html>在wcschool的這段代碼中，我想知道var para=document.createElement("p");和para.appendChild(node);這兩句代碼的意義，因為我發現我把這兩句代碼刪除以后，將element.appendChild(para)改成element.appendChild(node)運行結果是一樣的。
3 回答
鴻蒙傳說
TA貢獻1865條經驗 獲得超7個贊
| 1234567891011121314151617 | // 創建p節點var para=document.createElement("p");// 創建文本節點var node=document.createTextNode("這是新段落。");// 把文本節點添加到p節點里para.appendChild(node); // 查找div1var element=document.getElementById("div1");// 把p節點添加到div1里element.appendChild(para);// 最終html結構// <div id="div1">// <p id="p1">這是一個段落。</p>// <p id="p2">這是另一個段落。</p>// <p>這是新段落。</p>// </div> |
| 1234567891011121314 | // 你測試的代碼// 創建文本節點var node=document.createTextNode("這是新段落。"); // 查找div1var element=document.getElementById("div1");// 把文本節點添加到div1里element.appendChild(node);// 最終html結構// <div id="div1">// <p id="p1">這是一個段落。</p>// <p id="p2">這是另一個段落。</p>// 這是新段落。// </div> |
添加回答
舉報
0/150
提交
取消