Cet exemple d'article décrit comment obtenir des styles en ligne de JS. Partagez-le pour votre référence. La méthode de mise en œuvre spécifique est la suivante:
Copiez le code comme suit: <! Doctype html>
<html lang = "en">
<adal>
<meta charset = "utf-8">
<meta name = "Viewport" contenu = "width = device-width, target-densitydpi = high-dpi, initial-échelle = 1,0, minimum-scale = 1,0, maximum-scale = 1,0, utilisateur-échec = no" />
<Title> JavaScript obtient un style en ligne </TITME>
</ head>
<style>
#boîte{
Largeur: 100px;
hauteur: 100px;
Image d'arrière-plan: URL (1.jpg);
taille de fond: 140% 140%;
République de fond: sans répétition;
Border: 20px RGBA solide (0,0,0, .3);
Clip d'arrière-plan: Border-Box;
Position d'arrière-plan: -20px -20px;
}
</ style>
<body>
<div id = "box"> </ div>
</docy>
</html>
<cript>
// Obtenez des éléments de style en ligne
Fonction GetStyle (OBJ, att)
{
if (window.getCompuledStyle) {
return getCompuledStyle (obj, null) [att];
}autre{
return obj.currentStyle [att];
}
}
// Obtenez un objet
fonction $ (id) {
return document.getElementById (id);
}
var box = $ ('box');
// Style d'impression
alert (getStyle (boîte, «position d'arrière-plan»));
</cript>
J'espère que cet article sera utile à la programmation JavaScript de tous.