javascript 如何获得padding 与margin
注意不是设置啊，设置的写成paddingLeft之类的。我是想获得啊，这个该怎么写？？？举一个例子，我想alertdiv的padding-left,我如果用padding...
注意 不是设置啊，设置的写成paddingLeft之类的。我是想获得啊，这个该怎么写？？？举一个例子，我想alert div的padding-left,我如果用paddingLeft 那么就没有显示啊
展开
展开全部
获取padding方法如下：
$(document).ready(function () {
var $h1 = $('h1');
console.log($h1);
$h1.after($('<div>Padding-top: ' + parseInt($h1.css('padding-top')) + '</div>'));
$h1.after($('<div>Margin-top: ' + parseInt($h1.css('margin-top')) + '</div>'));
});
获取margin方法如下
var margT = jQuery(this).css('margin');
css中padding和margin的区别
margin 外边距
border 边框
padding 内边距
也就是说 设置margin 那么他所占据的空白地方会是在边框外面
$(document).ready(function () {
var $h1 = $('h1');
console.log($h1);
$h1.after($('<div>Padding-top: ' + parseInt($h1.css('padding-top')) + '</div>'));
$h1.after($('<div>Margin-top: ' + parseInt($h1.css('margin-top')) + '</div>'));
});
获取margin方法如下
var margT = jQuery(this).css('margin');
css中padding和margin的区别
margin 外边距
border 边框
padding 内边距
也就是说 设置margin 那么他所占据的空白地方会是在边框外面
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<script>
var o=document.getElementById("one");
var x=o.style.marginLeft;
var y=o.style.paddingRight;
alert("margin-left:"+ x + "并且" + "margin-right:"+y);
</script>
要写在后面
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<!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>Js获取margin属性值</title>
<style type="text/css">
*{
margin:0;
padding:0;
}
.one{
width:100px;
height:100px;
border:1px solid #f00;
border-radius:2px;
}
</style>
</head>
<body>
<div class="one" id="one" style="margin-left:10px;margin-right:20px;"></div>
<script type="text/javascript">
var o = document.getElementById("one");
var x = o.style.marginLeft;
var y = o.style.marginRight;
alert("margin-left:"+ x + "并且" + "margin-right:"+y);
</script>
</body>
</html>
padding的话我没有设置，写法是一样的。
追问
最近太忙了 没有看 您的回复。我有一个问题，您这中写法我明白，但是如果我没有在div 标签里面设置margin 或者left ，知识在里面设置，这样该怎么获得？？？对不起我一开始问题没有描述清楚
追答
那样的话可以通过改变类名来实现。
本回答被提问者采纳
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<div id=a style="padding:12px; margin:16px">12345</div>
<script>
alert(document.getElementById("a").style.paddingLeft);
alert(document.getElementById("a").style.marginLeft);
</script>
<script>
alert(document.getElementById("a").style.paddingLeft);
alert(document.getElementById("a").style.marginLeft);
</script>
追问
最近太忙了 没有看 您的回复。我有一个问题，您这中写法我明白，但是如果我没有在div 标签里面设置margin 或者left ，知识在里面设置，这样该怎么获得？？？对不起我一开始问题没有描述清楚
追答
同样，没区别的
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
展开全部
<div id="sty">sfdsf</div>
<script type="text/javascript">
var a;
var myDIV = document.getElementById("sty")
if(myDIV.addEventListener){
var computedStyle = document.defaultView.getComputedStyle(myDIV, null);
a= computedStyle.marginLeft;
}else if(myDIV.attachEvent){
a=document.getElementById("sty").currentStyle.marginLeft;
}
alert(a)//10px;
</script>
/*css file*/
#sty{margin: 20px 10px; padding: 20px; background: #f00;}
追问
最近太忙了 没有看 您的回复。我有一个问题，您这中写法我明白，但是如果我没有在div 标签里面设置margin 或者left ，知识在里面设置，这样该怎么获得？？？对不起我一开始问题没有描述清楚
已赞过
已踩过<
评论
收起
你对这个回答的评价是？
更多回答（4）
推荐律师服务：
若未解决您的问题，请您详细描述您的问题，通过百度律临进行免费专业咨询
