如何用js创建元素?

如何用js创建元素?,第1张

var div =document.getElementById('listcont');

var child =div.createElement("div");

child.class="cont"

div. appendChild(child)这样就能把一个子div加进去ID为listcont的div的里面了,其他元素可类似这样添加

1、js创建div的语法是createElement("div")。知道这个我们就可以直接写个简单的函数先创建一个div。并添加到对应的dom元素中,可能是body窗体上也可以是div内。

2、至于控制位置,则是通过js给div添加class。通过css样式来控制。具体如下:

function cDiv(){

var bb = document.body//document.getElementById("div")

var div = document.createElement("div")

div.id = "div1"

div.className = "div1"

div.innerHTML = "div1"

bb.appendChild(div)

}

cDiv()

3、为了让函数执行,必须吧函数放入到</body>上面。这样才有效果

根据你的需求,举例如下:

document.querySelector:获取首个(单个)符合条件元素

document.querySelector('.name') //获取页面上首个class属性中包含name的元素。

document.querySelectorAll:获取全部符合条件元素

document.querySelectorAll('.name') //获取页面上全部class属性中包含name的元素。


欢迎分享,转载请注明来源:内存溢出

原文地址: http://www.outofmemory.cn/bake/11558070.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-17
下一篇 2023-05-17

发表评论

登录后才能评论

评论列表(0条)

保存