html中js隐藏div的高度,js如何获取div(ul li)元素的宽度和高度(包括width/height和CSS的宽度和高度)...
时间: 2024-03-09 07:46:58 浏览: 227
javascript获取隐藏元素(display-none)的高度和宽度的方法.docx
5星 · 资源好评率100%
要隐藏一个div,可以使用以下JavaScript代码:
```
document.getElementById("yourDivId").style.display = "none";
```
要获取一个div元素的宽度和高度,可以使用以下JavaScript代码:
```
var divWidth = document.getElementById("yourDivId").offsetWidth;
var divHeight = document.getElementById("yourDivId").offsetHeight;
```
这将返回元素的实际宽度和高度,包括padding、border和CSS的宽度和高度。
如果您只需要获取CSS的宽度和高度,可以使用以下代码:
```
var divWidth = document.getElementById("yourDivId").clientWidth;
var divHeight = document.getElementById("yourDivId").clientHeight;
```
这将返回元素的CSS宽度和高度,不包括padding和border。
阅读全文