html怎么用css重新属性,如何使用JavaScript删除CSS属性？

如何使用JavaScript删除CSS属性？下面本篇就来给大家介绍一下使用JavaScript删除CSS属性的方法，希望对大家有所帮助。

方法一：使用removeProperty()方法

removeProperty()方法用于从元素的样式中移除属性。元素的样式是通过styleSheets数组并选择cssRules来选择的，然后使用RemoveProperty方法指定要删除的属性。

语法：element.removeProperty('property')

示例：

如何使用JavaScript删除CSS属性

.elem {

color: green;

font-size: 3rem;

text-decoration: underline;

}

Hello World!

单击下面的按钮删除元素的text-decoration属性--下划线

删除text-decoration属性

function removeProperty() {

element =

document.styleSheets[0].cssRules[0].style;

element.removeProperty('text-decoration');

}

效果图：

方法二：使用setProperty()方法

setProperty()方法可用于设置样式所需的属性。可以选择必须删除属性的元素，使用setProperty()方法设置属性的值为“initial”将重置该属性为其初始值，达到删除该属性的任何效果。

语法element.style.setProperty('color', 'initial')

例：

如何使用JavaScript删除CSS属性

.elem {

color: green;

font-size: 3rem;

text-decoration: underline;

}

Hello World!

单击下面的按钮删除元素的color属性--文本颜色

删除color属性

function removeProperty() {

element = document.querySelector('.elem');

element.style.setProperty('color', 'initial');

}

效果图：