Este ejemplo de artículo describe cómo obtener estilos en línea de JS. Compártelo para su referencia. El método de implementación específico es el siguiente:
Copie el código de la siguiente manera: <! DocType Html>
<html lang = "en">
<Evista>
<meta charset = "utf-8">
<Meta name = "Viewport" Content = "Width = Device-Width, Target-DenssyDPI = High-DPI, inicial a escala = 1.0, a escala mínima = 1.0, máxima escala = 1.0, escala de usuario = no"/>
<title> JavaScript obtiene estilo en línea </title>
</ablo>
<estilo>
#caja{
Ancho: 100px;
Altura: 100px;
IMAGEN DE ANTECEDENTES: URL (1.jpg);
tamaño de fondo: 140% 140%;
Background-Repeat: sin repetición;
borde: 20px sólido RGBA (0,0,0, .3);
Clip de fondo: border-box;
Posición de fondo: -20px -20px;
}
</style>
<Body>
<div id = "box"> </div>
</body>
</html>
<script>
// Obtener elementos de estilo en línea
función getStyle (obj, attr)
{
if (window.getComputedStyle) {
return getComputedStyle (obj, null) [attr];
}demás{
regresar obj.CurrentStyle [attr];
}
}
// consigue objeto
función $ (id) {
return document.getElementById (id);
}
var box = $ ('box');
// estilo de impresión
alerta (getStyle (box, 'posición de fondo'));
</script>
Espero que este artículo sea útil para la programación de JavaScript de todos.