CSSStyleDeclaration.removeProperty() - プロパティの優先値を外す

2017/10/14

removeProperty()は、CSSStyleDeclarationのメソッドです。プロパティの優先値(!important)を外します。

概要

名前

removeProperty

所属

IDL

[CEReactions] CSSOMString removeProperty(CSSOMString property);

typedef USVString CSSOMString;

仕様書

https://drafts.csswg.org/cssom/#dom-cssstyledeclaration-removeproperty

説明

引数はありません。返り値もありません。

このメソッドは、style属性のCSSStyleDeclarationで利用できます。計算値のCSSStyleDeclarationには適用できません。

デモ

CSSStyleDeclaration.removeProperty()のデモです。テキスト色のプロパティの優先値を外す例です。優先値を外しているため、テキスト色が緑にならないのを確認して下さい。コメントアウトを変更して、計算値のCSSStyleDeclarationには適用できないことも併せて確認して下さい。

<!-- このコードは編集できます。 -->

<!DOCTYPE html>
<head>
<style>
p#hoge { color: purple !important ; }
div#result { white-space: pre-wrap ; }
</style>
</head>
<body>
<p id="hoge" style="color: green !important ;">SYNCER</p>
<script>
var element = document.getElementById( "hoge" ) ;
var cssStyleDeclaration = element.style ;	// style属性の場合
// var cssStyleDeclaration = getComputedStyle( element ) ;	// 計算値の場合

cssStyleDeclaration.removeProperty( "color", "important" ) ;
</script>
</body>
</html>