在css里获取当前标签其他css属性的值
时间: 2023-08-13 22:12:00 浏览: 118
你可以使用JavaScript中的`getComputedStyle`方法来获取当前标签的其他CSS属性的值。具体步骤如下:
1. 首先获取到需要获取属性值的标签元素,可以使用`document.querySelector`方法或者其他选择器方法来获取。
```javascript
const element = document.querySelector('#myElement');
```
2. 使用`getComputedStyle`方法获取计算后的CSS属性值。
```javascript
const computedStyle = getComputedStyle(element);
```
3. 通过`computedStyle`对象获取需要的CSS属性值。
```javascript
const color = computedStyle.color;
const fontSize = computedStyle.fontSize;
```
完整代码如下:
```html
<!DOCTYPE html>
<html>
<head>
<title>获取CSS属性值</title>
<style type="text/css">
#myElement {
color: red;
font-size: 16px;
background-color: yellow;
}
</style>
</head>
<body>
<div id="myElement">Hello World</div>
<script type="text/javascript">
const element = document.querySelector('#myElement');
const computedStyle = getComputedStyle(element);
const color = computedStyle.color;
const fontSize = computedStyle.fontSize;
console.log("color: ", color);
console.log("font-size: ", fontSize);
</script>
</body>
</html>
```