0
点赞
收藏
分享

微信扫一扫

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

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

 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 条评论