Este exemplo de artigo descreve como obter estilos embutidos por JS. Compartilhe para sua referência. O método de implementação específico é o seguinte:
Copie o código da seguinte forma: <! Doctype html>
<html lang = "en">
<head>
<meta charset = "utf-8">
<meta name = "viewport" content = "largura = largura do dispositivo, destino-densidadeDPI = High-DPI, escala inicial = 1,0, escala mínima = 1,0, escala máxima = 1,0, escalável do usuário = não"/>
<title> JavaScript recebe estilo em linha </title>
</head>
<estilo>
#caixa{
Largura: 100px;
Altura: 100px;
Imagem de fundo: URL (1.jpg);
Antecedentes-tamanho: 140% 140%;
Repetição de fundo: sem repetição;
borda: 20px RGBA sólido (0,0,0, .3);
clipe de fundo: caixa de fronteira;
Posição de fundo: -20px -20px;
}
</style>
<Body>
<div id = "caixa"> </div>
</body>
</html>
<Cript>
// Obtenha elementos de estilo embutido
função getStyle (obj, att)
{
if (window.getComputedStyle) {
retornar getComputedStyle (obj, null) [att];
}outro{
retornar obj.currentStyle [att];
}
}
// Obtenha objeto
função $ (id) {
retornar document.getElementById (id);
}
var box = $ ('caixa');
// Estilo de impressão
alerta (getStyle (caixa, 'posição de fundo'));
</script>
Espero que este artigo seja útil para a programação JavaScript de todos.