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>