javascript 如何获得padding 与margin

2024-11-13 04:01:22

推荐回答（5个）

回答（1）：

获取padding方法如下：
$(document).ready(function () {
var $h1 = $('h1');
console.log($h1);
$h1.after($('

Padding-top: ' + parseInt($h1.css('padding-top')) + '

'));
$h1.after($('

Margin-top: ' + parseInt($h1.css('margin-top')) + '

'));
});

获取margin方法如下
var margT = jQuery(this).css('margin');

css中padding和margin的区别
margin 外边距
border 边框
padding 内边距
也就是说设置margin 那么他所占据的空白地方会是在边框外面

回答（2）：

要写在后面

回答（3）：





Js获取margin属性值

*{
	margin:0;
	padding:0;
	}
.one{
	width:100px;
	height:100px;
	border:1px solid #f00;
	border-radius:2px;
	}

    var o = document.getElementById("one");
    var x = o.style.marginLeft;
var y = o.style.marginRight;
    alert("margin-left:"+ x + "并且" + "margin-right:"+y);

padding的话我没有设置，写法是一样的。

回答（4）：

12345

回答（5）：

sfdsf

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;

/*css file*/
#sty{margin: 20px 10px; padding: 20px; background: #f00;}