方法1:使用CSS removeProperty:该CSSStyleDeclaration.removeProperty()方法被用来从一个元件的样式删除一个属性。通过遍历styleSheets数组并选择cssRule,可以选择元素的样式。然后可以使用要删除的属性指定removeProperty方法。句法:

element.removeProperty('property')

实例1:

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

例如:

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

输出:

  • 在单击按钮之前:

单击按钮后:本文完~

免责申明:本站所有内容均来自网络,我们对文中观点保持中立,对所包含内容的准确性,可靠性或者完整性不提供任何明示或暗示的保证,请仅作参考。若有侵权,请联系删除。

html title属性无效_【学习教程】使用JavaScript删除CSS属性相关推荐

  1. 使用JavaScript删除CSS属性

    如何使用JavaScript删除CSS属性?下面本篇就来给大家介绍一下使用JavaScript删除CSS属性的方法,希望对大家有所帮助. 方法一:使用removeProperty()方法 remove ...

  2. 如何使用JavaScript删除CSS属性?

    In this article, we'll see how we can remove a CSS property from a certain element using JavaScript? ...

  3. jq删除某个css样式,jq删除属性_使用jquery删除css属性或样式

    摘要 腾兴网为您分享:使用jquery删除css属性或样式,中国体育,有信,相机美颜,腾讯小说等软件知识,以及来电,会动的手机壁纸,网销客,酷6,我不是我没有表情包,乐校通,搜达足球网,led滚动显示 ...

  4. js,jq,jquery删除css属性

    属性值是不能删除的,只能改变属性值达到我们想要的效果 1.去掉div的高度 <div style='height:50px' id='height'></div> <sc ...

  5. a标签download属性无效_使用这些 CSS 属性选择器来提高前端开发效率

    如题.但是不要担心,虽然属性选择器非常复杂和强大,但是它们很容易学习和使用.在本文中,我们将讨论它们是如何运行的,并给出一些如何使用它们的想法.通常将 HTML属性放在方括号中,称为属性选择器,如下: ...

  6. java点击图片跳转链接_[Java教程]关于Javascript图片跳转学习

    [Java教程]关于Javascript图片跳转学习 0 2015-01-15 19:00:15 刚学习javascript,看了Javascript DOM编程艺术,学习了图片翻转的原理. 要求:点 ...

  7. 从零开始学前端:CSS盒子模型属性 --- 今天你学习了吗?(CSS:Day14)

    从零开始学前端:程序猿小白也可以完全掌握!-今天你学习了吗?(CSS) 复习:从零开始学前端:伪元素和盒子模型 - 今天你学习了吗?(Day13) 文章目录 从零开始学前端:程序猿小白也可以完全掌握! ...

  8. java犯的小错误_[Java教程]十个JavaScript中易犯的小错误,你中了几枪?

    [Java教程]十个JavaScript中易犯的小错误,你中了几枪? 0 2015-06-01 12:00:19 序言 在今天,JavaScript已经成为了网页编辑的核心.尤其是过去的几年,互联网见 ...

  9. 从零开始学前端:CSS字体属性和文本属性 --- 今天你学习了吗?(CSS:Day08)

    从零开始学前端:程序猿小白也可以完全掌握!-今天你学习了吗?(CSS) 复习:从零开始学前端:CSS引入 - 今天你学习了吗?(CSS:Day07) 文章目录 从零开始学前端:程序猿小白也可以完全掌握 ...

最新文章

  1. 第五次作业 何雅
  2. UIView 使用NSLayoutConstraint 代码
  3. 11计算机,11-计算机科学与技术
  4. [html] HTML5的Geolocation不允许定位后如何于次让它弹起授权定位?
  5. Linux操作系统使用基础04:文件与目录管理
  6. 根据TTL值判断目标主机的类型
  7. SpringBoot自动装配原理,这一篇就够了!
  8. 高频直流电源在整改、降压和作用方面解决方案
  9. 面向过程实列(用简单代码写出斗地主的程序(在一个类中实现))
  10. echarts飞机航线图修改飞机的样式
  11. 三相桥式全控整流电路simulink仿真_变频器为什么必须整流?整流单元原理图解
  12. 大数据平台docker一键搭建
  13. 协议森林05 我尽力 (IP协议详解)
  14. 五分钟学会一篇期末学生学籍管理系统
  15. 《数字图像处理》dlib人脸检测获取关键点,delaunay三角划分,实现人脸的几何变换warpping,接着实现两幅人脸图像之间的渐变合成morphing
  16. Unix网络编程unp.h问题以及Linux中的库
  17. 抢救零磁道损坏的软盘数据
  18. MCU驱动和RGB驱动的液晶屏的区别
  19. 这写孩子对计算机游戏上瘾了,儿童玩电脑游戏的危害
  20. JS中,日期对象(获取当前现在的年份,星期,时间)

热门文章

  1. javascript学习系列(20):数组中的bind,apply,call
  2. Leetcode刷题(5)最长公共前缀
  3. 前端学习(1701):前端系列javascript之闭包
  4. java学习(51):上转型对象
  5. hadoop简介(大数据技术)
  6. TCP建立连接与断开连接的过程
  7. js中自己实现bind函数的方式
  8. 【计算机网络】端口和进程的区别
  9. JS之Boolean的valueOf方法
  10. Linux与C++11多线程编程(学习笔记)