In diesem Artikel wird beschrieben, wie Sie Inline -Stile von JS erhalten. Teilen Sie es für Ihre Referenz. Die spezifische Implementierungsmethode lautet wie folgt:
Kopieren Sie den Code wie folgt: <! DocType html>
<html lang = "en">
<kopf>
<meta charset = "utf-8">
<meta name = "viewPort" content = "width = Gerätebreite, Ziel-DensityDPI = High-DPI, Initial-Scale = 1,0, Mindestmaßstab = 1,0, Maximal-Scale = 1,0, Benutzer-skalierbar = no"/>
<titels> JavaScript erhält Inline -Stil </title>
</head>
<Styles>
#Kasten{
Breite: 100px;
Höhe: 100px;
Hintergrundbild: URL (1.JPG);
Hintergrundgröße: 140% 140%;
Hintergrundrepeat: No-Repeat;
Grenze: 20px Solid RGBA (0,0,0, .3);
Hintergrund-Clip: Border-Box;
Hintergrundposition: -20px -20px;
}
</style>
<body>
<div id = "box"> </div>
</body>
</html>
<Script>
// Elemente im Inline -Stil bekommen
Funktion getStyle (OBJ, Attr)
{
if (window.getComputedStyle) {
return getComputedstyle (obj, null) [attr];
}anders{
return obj.currentStyle [attr];
}
}
// Objekt holen
Funktion $ (id) {
return document.getElementById (id);
}
var box = $ ('box');
// Druckstil
Alert (getStyle (Box, 'Hintergrundposition'));
</script>
Ich hoffe, dieser Artikel wird für JavaScript -Programme aller hilfreich sein.