点击一个按钮增加一个DIV样式这个怎么做_IT百科

<body>

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>

看下效果

可以使用img标签在div标签中添加图片。

新建html文档，在div标签中添加img标签，在img标签中添加src属性，属性值为图片的地址，这时网页中将会显示刚才添加的图片。

div是在html中使用最多的布局标签，所有主流浏览器都支持div标签，默认情况下，浏览器通常会在div元素前后放置一个换行符。

1、jQuery设置css样式

<div style="background-color:#ffffffpadding-left:10px">测试jQuery动态获取padding-left</div>

2、用css()方法返回元素的样式属性

$("div").css("padding-left"))

3、用css()设置样式

$("div").css("color","yellow")

4、设置多个样式

$("div").css({"background-color":"yellow","font-size":"200%"})

var css = {

background-color: '#EEE',

height: '500px',

margin: '10px',

padding: '2px 5px' }

$("div").css(css)

欢迎分享，转载请注明来源：内存溢出

点击一个按钮增加一个DIV样式这个怎么做