<style>
.test{width:300pxheight:300pxbackground-color:#ccc}
</style>
定义一个类名或者id,也可以直接使用标签名,然后在style为其添加样式就可以了
<body><button id="btn">增加</button>
<div>第1个DIV</div>
<script>
var btn = document.getElementById("btn")
var divs = document.getElementsByTagName("div") //DIV数组
var index = divs.length-1 //得到最后一个DIV索引
btn.onclick=function(){
var divi = document.createElement("div") //创建一个DIV
var txt = document.createTextNode("第"+(divs.length+1)+"个DIV") //创建DIV的文字内容
divi.appendChild(txt) //将文字内容添加到新创建的DIV
divs[index].appendChild(divi) //将新创建的DIV添加到原来最后一个DIV的后面
}
</script>
</body>
看下效果
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)