请各位帮个忙,用js怎么向一个DIV层中动态添加几个div

请各位帮个忙,用js怎么向一个DIV层中动态添加几个div,第1张

var t=document.getElementById("kw")//获取目的div层

var y=document.createElement("div")//创建div层

t.appendChild(y)//添加新建div到目的div

详细的解题步骤如下:

<div id="parent"></div>

function addElementDiv(obj) {

var parent = document.getElementById(obj)

//添加 div

var div = document.createElement("div")

//设置 div 属性,如 id

div.setAttribute("id", "newDiv")

div.innerHTML = "js 动态添加div"

parent.appendChild(div)

}

调用:addElementDiv("parent")

什么是DIV元素

1、DIV标签,称为区隔标记。作用是设定字、画、表格等的摆放位置。当你把文字、图象,或其他的放在 DIV 中,它可称作为"DIV block",或"DIV element"或"CSS-layer",或干脆叫"layer"。而中文我们把它称作"层次"。

2、DIV元素,是用来为HTML文档内大块(block-level)的内容提供结构和背景的元素。DIV的起始标签和结束标签之间的所有内容都是用来构成这个块的,其中所包含元素的特性由DIV标签的属性来控制,或者是通过使用样式表格式化这个块来进行控制。

<script src="js/jquery.js"></script>

<script>

function s(d){

    var div = $('<div class="' + d + '"></div>')

    $(document.body).append(div)

}

</script>

<style>

.cssName1 { padding: 20px margin: 10px border: 1px solid red }

.cssName2 { padding: 20px margin: 10px border: 1px solid black }

</style>

<input type="text" name="d" value="cssName1" />

<input type="button" value="x" onclick="s($('input[name=d]').val())">


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存