怎么在动态的div中添加div

怎么在动态的div中添加div,第1张

var creatediv= function(){

var parentdiv=$('

') //创建一个父div,如果已经有了就获取

parentdiv.attr('id','parent') //给父div设置id

parentdiv.addclass('parentdiv') //添加css样式var childdiv=$('

') //创建一个子div

childdiv.attr('id','child') //给子div设置id

childdiv.addclass('childdiv') //添加css样式

childdiv.appendto(parentdiv) //将子div添加到父div中parentdiv.appendto('parentdiv') //将父div添加到父级中去

}

用JS给div添加样式是通过js *** 作css来实现的。

用js方法找到div的dom对象

通过js *** 作css的style属性来改变div的样式

具体举例如下:

定义div:<div id="myDiv" style="color:red">改变样式测试</div>

编写js代码:

var color = document.getElementById("myDiv").style.color

if (color == "red")

 document.getElementById("myDiv").style.color="black"

else

 document.getElementById("myDiv").style.color="red"

执行js代码后,div原来是红色会变成黑色,原来是别的颜色会变成红色


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

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

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

发表评论

登录后才能评论

评论列表(0条)

保存