法1:
使用CSS removeProperty:该CSSStyleDeclaration.removeProperty()方法被用来从一个元件的样式删除一个属性。
通过遍历styleSheets数组并选择cssRule,可以选择元素的样式。然后可以使用要删除的属性指定removeProperty方法。
句法:
element.removeProperty('property')
实例1:
<!DOCTYPE html> <html> <head> <title> How to remove CSS property using JavaScript? </title> <style> .elem { color: green; font-size: 3rem; text-decoration: underline; } </style> </head> <body> <h1 style="color: green"> GeeksForGeeks </h1> <b> How to remove CSS property using JavaScript? </b> <div class="elem">Hello World!</div> <p> Click on the button below to remove the text decoration of the element </p> <button onclick="removeProperty()"> Remove text-decoration property </button> <script> function removeProperty() { element = document.styleSheets[0].cssRules[0].style; element.removeProperty('text-decoration'); } </script> </body> </html>
输出:
在单击按钮之前:
单击按钮后:
方法2:使用setProperty方法:该CSSStyleDeclaration.setProperty()方法可用于设置的样式的所需的属性。选择必须删除其属性的元素,并将此属性应用于其style属性。将此属性设置为“ initial”可将属性重置为其初始值,从而消除该属性的任何影响。
句法:
element.style.setProperty('color','initial')
例如:
<!DOCTYPE html> <html> <head> <title> How to remove CSS property using JavaScript? </title> <style> .elem { color: green; font-size: 3rem; text-decoration: underline; } </style> </head> <body> <h1 style="color: green"> GeeksForGeeks </h1> <b> How to remove CSS property using JavaScript? </b> <div class="elem">Hello World!</div> <p> Click on the button below to remove the text color of the element </p> <button onclick="removeProperty()"> Remove color property </button> <script> function removeProperty() { element = document.querySelector('.elem'); element.style.setProperty('color', 'initial'); } </script> </body> </html>
输出:
单击按钮后:
本文完~
每日更新一个开发小技巧,希望对你有帮助哦,觉得有用的麻烦点点赞支持一下哦,谢谢~~
SS(级联样式表)是网页设计的支柱,用于设计网站的视觉呈现。虽然您可能已经熟悉许多 CSS 属性,但存在一些较少讨论的属性,它们可以增强您的样式功能。在这篇文章中,我将向您介绍 15 个带有代码片段的 CSS 属性。
当涉及到复选框和单选按钮等输入时,浏览器通常会使用默认颜色,该颜色可能与 UI 的选定配色方案不太协调。
若要保持 UI 的一致性,可以使用 accent-color 属性更改输入的默认颜色。
例如:
SS(层叠样式表)是一种用于描述网页文档外观和格式的标记语言。以下是一些常用的CSS属性和样式:
*请认真填写需求信息,我们会在24小时内与您取得联系。