# CSSStyleDeclaration

CSSStyleDeclaration表示一个CSS 声明块对象,它是一个 CSS 属性键值对的集合,暴露样式信息和各种与样式相关的方法和属性。

# 方法

# setProperty(name: string | string.cssPropertyString, value?: string): void

对CSS指定样式设置一个新值,如有此样式已存在则更新。

# 参数
名称 类型 必填 默认值 兼容性 描述
name string (string.cssPropertyString) - - CSS样式名称
value string "" - 要设置的新CSS样式值 默认值空字符串
# setProperty 兼容性
Web 微信小程序 Android iOS
4.0 4.41 4.51 4.51

# getPropertyValue(property: string | string.cssPropertyString): string

获取CSS指定的样式值,如果指定的样式不存在则返回空字符串。

# 参数
名称 类型 必填 默认值 兼容性 描述
property string (string.cssPropertyString) - - 要获取的CSS样式名称
# 返回值
类型
string
# getPropertyValue 兼容性
Web 微信小程序 Android iOS
4.0 4.41 4.51 4.51

# 示例

<template>
	<button @click="showPop">显示弹层</button>
	<view ref="pop" style="position: absolute; display: none;">
		<text>123</text>
	</view>
</template>
<script lang="uts">
	export default {
		methods: {
			showPop: function () {
				(this.$refs["pop"] as Element).style.setProperty("display","flex")
			}
		}
	}
</script>