CSSStyleDeclaration

# CSSStyleDeclaration

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

# 方法

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

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

# setProperty 兼容性

Web	微信小程序	Android	iOS	HarmonyOS
4.0	x	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	x	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	x	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>

示例源码如下，请查看 pre > code 标签中的内容

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