首頁 > 開發者 > JavaScript
標籤：type client 地區 html col idt har color ack
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>title</title> <script src="common.js"></script> <script> /* * * offset系列:擷取元素的寬,高,left,top, offsetParent * offsetWidth:元素的寬,有邊框 * offsetHeight:元素的高,有邊框 * offsetLeft:元素距離左邊位置的值 * offsetTop:元素距離上面位置的值 * * scroll系列:捲曲出去的值 * scrollLeft:向左捲曲出去的距離 * scrollTop:向上捲曲出去的距離 * scrollWidth:元素中內容的實際的寬(如果內容很少,沒有內容,元素自身的寬),沒有邊框 * scrollHeight:元素中內容的實際的高(如果內容很少或者沒有內容,元素自身的高),沒有邊框 * * * client系列:可視地區 * clientWidth:可視地區的寬(沒有邊框),邊框內部的寬度 * clientHeight:可視地區的高(沒有邊框),邊框內部的高度 * clientLeft:左邊邊框的寬度 *clientTop :上面的邊框的寬度 * */ </script> <style> div{ width: 200px; height: 210px; border: 20px solid red; border-left-width: 50px; } </style></head><body><div id="dv"></div><script> // console.log(my$("dv").clientWidth); // console.log(my$("dv").clientHeight); // console.log(my$("dv").clientLeft); console.log(my$("dv").clientTop);</script></body></html>
JavaScript client系列
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
