HTML DOM appendChild() 方法

最新推荐文章于 2021-02-23 20:56:54 发布

dhm1991

最新推荐文章于 2021-02-23 20:56:54 发布

阅读量127

点赞数

原文链接：http://www.cnblogs.com/dexjinkey/p/6089897.html

版权

<!DOCTYPE html>
<html>
<body>

<ul id="myList">
  <li>Coffee</li>
  <li>Tea</li>
</ul>

<p id="demo">请点击按钮向列表中添加项目。</p>

<button οnclick="myFunction()">亲自试一试</button>

<script>
function myFunction()
{
var node=document.createElement("LI");
var textnode=document.createTextNode("Water");
node.appendChild(textnode);
document.getElementById("myList").appendChild(node);
}
</script>

<p><b>注释：</b>首先创建 LI 节点，然后创建文本节点，然后把这个文本节点追加到 LI 节点。最后把 LI 节点添加到列表中。</p>

</body>
</html>

Coffee
Tea
Water
Water

请点击按钮向列表中添加项目。

注释：首先创建 LI 节点，然后创建文本节点，然后把这个文本节点追加到 LI 节点。最后把 LI 节点添加到列表中。

转载于:https://www.cnblogs.com/dexjinkey/p/6089897.html

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

dhm1991

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
HTML DOM appendChild() 方法

<!DOCTYPE html><html><body><ul id="myList"> <li>Coffee</li> <li>Tea</li></ul><p id="demo">请点击按钮向列表中添加项目。</p&gt...
复制链接

扫一扫