javascript 如何获得padding 与margin

获取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 那么他所占据的空白地方会是在边框外面

如果你说的是用javascript控制css属性的话，遇到类似css的padding-bottom这样的属性，采用小驼峰式的写法，也就是第一个单词字母小写，第二个单词字母大写。就是下面这种写法

document.getElementById("").style.paddingBottom = '10px'

var getStyle = function(dom, attr){

  return dom.currentStyle ? dom.currentStyle[attr] : getComputedStyle(dom, false)[attr]

}

<div id="dd">ddsfsdf</div>

var pl = getStyle(dd, "paddingLeft")

console.log(pl)

---