加給元素：
offsetLeft （距離定位父級(jí)的距離）
offsetTop （距離定位父級(jí)的距離）
offsetWidth （可視寬度）
offsetHeight （可視高度）
clientLeft （左邊框?qū)挾龋?/p>
clientTop （上邊框?qū)挾龋?/p>
clientWidth（width + padding）
clientHeight（height + padding）
scrollTop（縱向滾動(dòng)距離）
scrollLeft（橫向滾動(dòng)距離）
scrollWidth（內(nèi)容寬度）
scrollHeight（內(nèi)容高度）
getBoundingClientRect ( ) 返回值：對(duì)象 有6個(gè)屬性
left（元素左側(cè)相對(duì)于可視區(qū)左上角的距離）
right（元素右側(cè)相對(duì)于可視區(qū)左上角的距離）
top（元素上邊相對(duì)于可視區(qū)左上角的距離）
bottom（元素下邊相對(duì)于可視區(qū)左上角的距離）
width（可視寬度）
height（可視高度）
獲取可視區(qū)寬高：
window.innerWidth
window.innerHeight
document.documentElement.clientWidth
document.documentElement.clientHeight
屏幕寬高：
window.screen.width
window.screen,height
獲取文檔寬高：
document.body.clientWidth
document.body.clientHeight
document.documentElement.scrollWidth
document.documentElement.scrollHeight
document.body.scrollWidth（如果內(nèi)容寬度超過一屏，得到文檔寬度；如果內(nèi)容小于一屏，得到一屏的寬度）
document.body.scrollHeight （如果內(nèi)容高度超過一屏，得到文檔高度；如果內(nèi)容小于一屏，得到一屏的高度）
獲取滾動(dòng)條距離：
document.body.scrollTop
document.body.scrollLeft
window.scrollY
window.scrollX
document.documentElement.scrollTop
document.documentElement.scrollLeft
window.pageYOffset
window.pageXOffset
js中獲取當(dāng)前位置有如下幾種方法：
event.offsetX, （IE屬性，測(cè)試都可以使用）
event.offsetY, （IE屬性，測(cè)試都可以使用）
event.clientX,
event.clienY,
event.scrennX,
event.screenY,
他們的區(qū)別如下：
可以看出，
event.screenX和event.screenY是相對(duì)于顯示屏的位置。
event.clientX和event.clientY是相對(duì)于瀏覽器的位置。文章來源：http://www.zghlxwxcb.cn/news/detail-433828.html
event.offsetX和event.offsetY是相對(duì)于元素的位置。文章來源地址http://www.zghlxwxcb.cn/news/detail-433828.html
到了這里，關(guān)于原生js獲取元素的各種位置(大全）的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
