Heim > Artikel > Web-Frontend > So erhalten Sie den CSS-Eigenschaftswert über JS
So erhalten Sie den CSS-Eigenschaftswert über JS
- jackloveOriginal
- 2018-06-11 16:18:152612Durchsuche
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="content-type" content="text/html; charset=utf-8">
<title> JS获取CSS属性 </title>
<style type="text/css">
#f{background-color:#FF0000;}
</style>
</head>
<body>
<p id="f" style="width:200px; height:200px;"></p>
<script type="text/javascript">
var o = document.getElementById('f');
document.write(o.style.width + '<br>'); // 200px
document.write(o.style.backgroundColor + '<br>'); // 空白
function getDefaultStyle(obj,attribute){
return obj.currentStyle?obj.currentStyle[attribute] : document.defaultView.getComputedStyle(obj,false)[attribute];
}
document.write(getDefaultStyle(o, 'width') + '<br>'); // 200px
document.write(getDefaultStyle(o, 'backgroundColor')); // #FF0000
</script>
</body>
</html>
JS-Methode zum Abrufen von CSS-Eigenschaften:
function getDefaultStyle(obj,attribute){
return obj.currentStyle?obj.currentStyle[attribute] : document.defaultView.getComputedStyle(obj,false)[attribute];
}
In diesem Artikel wird erläutert, wie Sie CSS-Eigenschaftswerte über JS erhalten. Weitere verwandte Inhalte finden Sie auf der chinesischen PHP-Website.
Verwandte Empfehlungen:
So bestimmen Sie die Kollisionsmethode über JS
So verwenden Sie CSS, um den Kreiseffekt zu erzielen (CSS Sprites)
So führen Sie den AES256-Verschlüsselungsalgorithmus über PHP aus
Das obige ist der detaillierte Inhalt vonSo erhalten Sie den CSS-Eigenschaftswert über JS. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!
Stellungnahme：
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Vorheriger Artikel：So bestimmen Sie die Kollisionsmethode über JSNächster Artikel：So bestimmen Sie die Kollisionsmethode über JS