CSSStyleDeclaration

# CSSStyleDeclaration

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

# 方法

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

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

# setProperty 兼容性

Web	微信小程序	Android	iOS	HarmonyOS
4.0	4.41	4.51	4.51	4.61

# 参数

名称	类型	必填	默认值	兼容性	描述
name	string (string.cssPropertyString)	是	-	-	CSS样式名称
value	string	否	""	-	要设置的新CSS样式值默认值空字符串

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

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

# getPropertyValue 兼容性

Web	微信小程序	Android	iOS	HarmonyOS
4.0	4.41	4.51	4.51	4.61

# 参数

名称	类型	必填	默认值	兼容性	描述
property	string (string.cssPropertyString)	是	-	-	要获取的CSS样式名称

# 返回值

类型
string

注意 4.51版本开始 getPropertyValue 开始仅返回string类型

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

删除CSS指定的样式值

# removeProperty 兼容性

Web	微信小程序	Android	iOS	HarmonyOS
4.0	-	4.51	4.51	4.61

# 参数

名称	类型	必填	默认值	兼容性	描述
property	string (string.cssPropertyString)	是	-	-	要删除的CSS样式名称

# 返回值

类型
string

# 示例

<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>