0
点赞
收藏
分享

微信扫一扫

使用js动态创建元素createElement的使用

攻城狮Chova 2022-01-24 阅读 48

 document.createElement() 创建元素

案例1:在div里创建一个a标签

<body>
    <div>你好</div>
</body>
<script>
    var div = document.querySelector('div');
    var a = document.createElement('a');  //创建a标签
    div.appendChild(a);  //把a追加给div
</script>

案例2:用for循环的方式 创建多个a标签

<body>
    <div>你好</div>
</body>
<script>
    var div = document.querySelector('div');
    for (var i = 0; i < 5; i++) {
        var a = document.createElement('a');
        div.appendChild(a);
    }
</script>
举报

相关推荐

0 条评论