获取元素样式属性值练习
时间: 2023-08-29 15:05:26 浏览: 55
1. 获取元素的宽度和高度:
```javascript
var element = document.getElementById("myElement");
var width = element.offsetWidth;
var height = element.offsetHeight;
```
2. 获取元素的背景颜色:
```javascript
var element = document.getElementById("myElement");
var bgColor = window.getComputedStyle(element, null).getPropertyValue("background-color");
```
3. 获取元素的字体大小:
```javascript
var element = document.getElementById("myElement");
var fontSize = window.getComputedStyle(element, null).getPropertyValue("font-size");
```
4. 获取元素的边框宽度:
```javascript
var element = document.getElementById("myElement");
var borderWidth = window.getComputedStyle(element, null).getPropertyValue("border-width");
```
5. 获取元素的内边距:
```javascript
var element = document.getElementById("myElement");
var padding = window.getComputedStyle(element, null).getPropertyValue("padding");
```