为了账号安全,请及时绑定邮箱和手机立即绑定

关于HTML DOM 的添加子节点appendChild()方法

标签:
Html/CSS Html5

script放<body>外是加载页面时按顺序加载,遇function()则跳过

        • 放<body>内不会加载,被调用时加载
          也就是function()放哪都可以,只要是html里面。
          通过函数方法调用,
          1' 先createElement()元素节点,保存给变量a;
          2' 再createElementTextNode()文本节点,保存给变量b;
          3' 调用变量a的方法appendChild(b) 来追加文本到元素节点中;
          4' 把元素节点添加到列表中
          
          <!DOCTYPE html>
          <html>
          <body>

<ul id="myList"><li>apple</li><li>pineApple</li></ul>

<button onclick="myFunction()">添加</button>

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

</body>
</html>

点击查看更多内容
3人点赞

若觉得本文不错,就分享一下吧!

评论

作者其他优质文章

正在加载中
感谢您的支持,我会继续努力的~
扫码打赏,你说多少就多少
赞赏金额会直接到老师账户
支付方式
打开微信扫一扫,即可进行扫码打赏哦
今天注册有机会得

100积分直接送

付费专栏免费学

大额优惠券免费领

立即参与 放弃机会
意见反馈 帮助中心 APP下载
官方微信

举报

0/150
提交
取消