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原来是红色会变成黑色,原来是别的颜色会变成红色
欢迎分享,转载请注明来源:内存溢出
评论列表(0条)