html title属性无效_【学习教程】使用JavaScript删除CSS属性
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属性相关推荐
- 使用JavaScript删除CSS属性
如何使用JavaScript删除CSS属性?下面本篇就来给大家介绍一下使用JavaScript删除CSS属性的方法,希望对大家有所帮助. 方法一:使用removeProperty()方法 remove ...
- 如何使用JavaScript删除CSS属性?
In this article, we'll see how we can remove a CSS property from a certain element using JavaScript? ...
- jq删除某个css样式,jq删除属性_使用jquery删除css属性或样式
摘要 腾兴网为您分享:使用jquery删除css属性或样式,中国体育,有信,相机美颜,腾讯小说等软件知识,以及来电,会动的手机壁纸,网销客,酷6,我不是我没有表情包,乐校通,搜达足球网,led滚动显示 ...
- js,jq,jquery删除css属性
属性值是不能删除的,只能改变属性值达到我们想要的效果 1.去掉div的高度 <div style='height:50px' id='height'></div> <sc ...
- a标签download属性无效_使用这些 CSS 属性选择器来提高前端开发效率
如题.但是不要担心,虽然属性选择器非常复杂和强大,但是它们很容易学习和使用.在本文中,我们将讨论它们是如何运行的,并给出一些如何使用它们的想法.通常将 HTML属性放在方括号中,称为属性选择器,如下: ...
- java点击图片跳转链接_[Java教程]关于Javascript图片跳转学习
[Java教程]关于Javascript图片跳转学习 0 2015-01-15 19:00:15 刚学习javascript,看了Javascript DOM编程艺术,学习了图片翻转的原理. 要求:点 ...
- 从零开始学前端:CSS盒子模型属性 --- 今天你学习了吗?(CSS:Day14)
从零开始学前端:程序猿小白也可以完全掌握!-今天你学习了吗?(CSS) 复习:从零开始学前端:伪元素和盒子模型 - 今天你学习了吗?(Day13) 文章目录 从零开始学前端:程序猿小白也可以完全掌握! ...
- java犯的小错误_[Java教程]十个JavaScript中易犯的小错误,你中了几枪?
[Java教程]十个JavaScript中易犯的小错误,你中了几枪? 0 2015-06-01 12:00:19 序言 在今天,JavaScript已经成为了网页编辑的核心.尤其是过去的几年,互联网见 ...
- 从零开始学前端:CSS字体属性和文本属性 --- 今天你学习了吗?(CSS:Day08)
从零开始学前端:程序猿小白也可以完全掌握!-今天你学习了吗?(CSS) 复习:从零开始学前端:CSS引入 - 今天你学习了吗?(CSS:Day07) 文章目录 从零开始学前端:程序猿小白也可以完全掌握 ...
最新文章
- 第五次作业 何雅
- UIView 使用NSLayoutConstraint 代码
- 11计算机,11-计算机科学与技术
- [html] HTML5的Geolocation不允许定位后如何于次让它弹起授权定位?
- Linux操作系统使用基础04:文件与目录管理
- 根据TTL值判断目标主机的类型
- SpringBoot自动装配原理,这一篇就够了!
- 高频直流电源在整改、降压和作用方面解决方案
- 面向过程实列(用简单代码写出斗地主的程序(在一个类中实现))
- echarts飞机航线图修改飞机的样式
- 三相桥式全控整流电路simulink仿真_变频器为什么必须整流?整流单元原理图解
- 大数据平台docker一键搭建
- 协议森林05 我尽力 (IP协议详解)
- 五分钟学会一篇期末学生学籍管理系统
- 《数字图像处理》dlib人脸检测获取关键点,delaunay三角划分,实现人脸的几何变换warpping,接着实现两幅人脸图像之间的渐变合成morphing
- Unix网络编程unp.h问题以及Linux中的库
- 抢救零磁道损坏的软盘数据
- MCU驱动和RGB驱动的液晶屏的区别
- 这写孩子对计算机游戏上瘾了,儿童玩电脑游戏的危害
- JS中,日期对象(获取当前现在的年份,星期,时间)