使用JavaScript删除CSS属性

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

方法一：使用removeProperty()方法

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

语法：

element.removeProperty('property')

示例：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>如何使用JavaScript删除CSS属性</title><style>.elem {color: green;font-size: 3rem;text-decoration: underline;}</style></head><body><div class="elem">Hello World!</div><p>单击下面的按钮删除元素的text-decoration属性--下划线</p><button onclick="removeProperty()"> 删除text-decoration属性</button><script>function removeProperty() {element =document.styleSheets[0].cssRules[0].style;element.removeProperty('text-decoration');}</script></body></html>

效果图：

方法二：使用setProperty()方法

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

语法

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

例：

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>如何使用JavaScript删除CSS属性</title><style>.elem {color: green;font-size: 3rem;text-decoration: underline;}</style></head><body><div class="elem">Hello World!</div><p>单击下面的按钮删除元素的color属性--文本颜色</p><button onclick="removeProperty()"> 删除color属性</button><script>function removeProperty() { element = document.querySelector('.elem'); element.style.setProperty('color', 'initial'); } </script></body></html>

效果图：

更多web前端知识，请查阅 HTML中文网！！

使用JavaScript删除CSS属性相关推荐

如何使用JavaScript删除CSS属性？
In this article, we'll see how we can remove a CSS property from a certain element using JavaScript? ...
html title属性无效_【学习教程】使用JavaScript删除CSS属性
方法1:使用CSS removeProperty:该CSSStyleDeclaration.removeProperty()方法被用来从一个元件的样式删除一个属性.通过遍历styleSheets数组并 ...
js,jq,jquery删除css属性
属性值是不能删除的,只能改变属性值达到我们想要的效果 1.去掉div的高度 <div style='height:50px' id='height'></div> <sc ...
jq删除某个css样式,jq删除属性_使用jquery删除css属性或样式
摘要腾兴网为您分享:使用jquery删除css属性或样式,中国体育,有信,相机美颜,腾讯小说等软件知识,以及来电,会动的手机壁纸,网销客,酷6,我不是我没有表情包,乐校通,搜达足球网,led滚动显示 ...
使用 JavaScript 删除disabled属性
要删除disabled属性,请选择元素并调用其 removeAttribute()上的方法,将其disabled作为参数传递,例如 btn.removeAttribute('disabled'). 该 ...
Jquery删除css属性
有时我们不需要某个css属性时,想删除它,但有没有removeCss方法,怎么办呢?可以使用如下方法解决 $('选择器').css('css属性',''); 即将css属性值赋值为空,页面中就不会 ...
JavaScript删除元素属性
没删除前执行了如下删除属性方法 $('#ename').removeAttr('readonly') 删除后已经成功被删除掉属性 readonly 了
javaScript删除对象属性总结方法
一.删除js中对象中属性 1.使用delete运算符例: 1) 使用点属性访问器删除: delete object.property; 在属性访问器上应用delete运算符时,运算符会从对象中删除相 ...
js .style javaScript控制css属性
盒子标签和属性对照 CSS语法(不区分大小写) JavaScript语法(区分大小写) border border border-bottom borderBottom border-bottom-c ...

使用JavaScript删除CSS属性

使用JavaScript删除CSS属性相关推荐

最新文章

热门文章