<!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
提交
取消