javascript 获得padding的值,求助~~~~~

JavaScript014

javascript 获得padding的值,求助~~~~~,第1张

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)

如果写在 样式表 里面, 用style.width拿不到宽度, 但是通过 element.offsetWidth 可以获取宽度

写在行内的就可以直接用style.width来获取

需要注意的是宽高在设定padding的时候是不同的:

对于普通元素一般第二个参数设置为null就可以了

此方法适用于通用样式表获取样式值

js中获取某个元素到浏览器最左和最右的距离的程序代码是:

<!doctype html><html><head><meta charset="UTF-8"><style>

body{margin: 0padding: 0}

.mdiv{width: 100pxheight: 100pxbackground-color: red}

</style></head><body><div style="height: 1000px"></div><div></div><script src="jquery.js"></script>//自行下载<script>//原生//获取div距离顶部的距离

var mTop = document.getElementsByClassName('banner')[0].offsetTop

//减去滚动条的高度var sTop = document.body.scrollTopvar result = mTop - sTopconsole.log(result)//Jquery

mTop = $('.banner')[0].offsetTop

sTop = $(window).scrollTop()

result = mTop - sTop

console.log(result)

</script></body>