如何获得DIV样式中的margin值
DIV样式定义如下：.divli3{position:absolute;top:50%;left:50%;width:600px;height:600px;margin:...
DIV 样式定义如下：
.divli3{
position:absolute;
top:50%;left:50%;
width:600px;
height:600px;
margin:-200 0 0 -300;
z-index:2;
}
用javascript脚本可以获得这个值吗？怎么更改重新设置它的值呢？ 展开
.divli3{
position:absolute;
top:50%;left:50%;
width:600px;
height:600px;
margin:-200 0 0 -300;
z-index:2;
}
用javascript脚本可以获得这个值吗？怎么更改重新设置它的值呢？ 展开
3个回答
展开全部
你好，其实不用获取它的值哦。
用JQuery或是JS都可以实现，增加一个Class样式就可以了。
.newdivli3{margin:100px 20px 20px 0;}
用JQuery：$(".divli3").addClass("newdivli3");这句是写在<script></script>之间的，用JQuery的话，另外还要引用JQuery文件。
js的话可以查找ID或标签直接写样式的：写个ID的吧！代码是全的可以测试。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script>
function kk(){
document.getElementById("kk").style.margin = "100px 20px 0 100px";
}
</script>
</head>
<body onload="kk();">
<div class="kk" style="background:#900; width:100px; height:100px;"></div>
</body>
</html>
希望我的回答对你有帮助。
用JQuery或是JS都可以实现，增加一个Class样式就可以了。
.newdivli3{margin:100px 20px 20px 0;}
用JQuery：$(".divli3").addClass("newdivli3");这句是写在<script></script>之间的，用JQuery的话，另外还要引用JQuery文件。
js的话可以查找ID或标签直接写样式的：写个ID的吧！代码是全的可以测试。
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script>
function kk(){
document.getElementById("kk").style.margin = "100px 20px 0 100px";
}
</script>
</head>
<body onload="kk();">
<div class="kk" style="background:#900; width:100px; height:100px;"></div>
</body>
</html>
希望我的回答对你有帮助。
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
推荐于2016-03-22 · 知道合伙人数码行家
可以叫我表哥
知道合伙人数码行家
采纳数：25897
获赞数：1464984
2010年毕业于北京化工大学北方学院计算机科学与技术专业毕业，学士学位，工程电子技术行业4年从业经验。
向TA提问 私信TA
关注
![]()
展开全部
获取margin方法如下
var margT = jQuery(this).css('margin');
css中padding和margin的区别
margin 外边距
border 边框
padding 内边距
也就是说 设置margin 那么他所占据的空白地方会是在边框外面
var margT = jQuery(this).css('margin');
css中padding和margin的区别
margin 外边距
border 边框
padding 内边距
也就是说 设置margin 那么他所占据的空白地方会是在边框外面
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
使用jquery框架的话就方便很多了。
可以直接修改，不用去获得他的属性值。
可以直接修改，不用去获得他的属性值。
追问
能告诉我jquery怎么修改吗？
追答
你可以直接调用jquery，然后加上下边的代码：
$('.divli3').find(function(){
$('.divli3').removeClass('divli3').addClass('divli4')
});
.divli4{
position:absolute;
top:50%;left:50%;
width:600px;
height:600px;
margin:-200 0 0 -300;
z-index:2;
}
这样的写的话，你就可以自己定义类divli4的样式，divli3的样式就完全作废了。因为具体并不知道你要到底为什么要修改，所以这样可以解决你说的问题的。
至于jquery.js你可以自己去参考资料里边下载，或是自己去什么地方下也可以。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（1）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
