【Da aquisição de estilo de linha】
<div id = 'div1' style = "backgroud: vermelho"> teste </div> <cript> var odiv = document.getElementById ('div1'); // Primeiro, obtenha a tag de elemento para obter o estilo, ou seja, obtenha o Div1 Console.log (odiv.style.background); // para que possamos obter o estilo entre as linhas </sCript>【Aquisição de estilo integrado】
<html> <head> <style> .div2 {background: Red; } </style> </head> <body> <div id = "div1"> teste </div> <cript> var odiv = document.getElementById ('div1'); // Primeiro, obtenha a tag de elemento para obter o estilo, ou seja, obtenha div1 //console.log(getComputedStyle(odiv.null ).background); GetComputedStyle ("Elemento", "Pseudo-classe") é o estilo que foi obtido após o cálculo. O segundo parâmetro é a pseudo-classe. Se o NULL não for usado diretamente, no entanto, o IE8 do mal e os anteriores não o apoiava, portanto o método a seguir é necessário. //console.log(CurrentStyle.background) Isso é suportado apenas pelo próprio IE. Ele também obtém o console de estilo calculado (Window.GetComputedStyle? // Compatibilidade de navegador cruzado </script> </body> </html>【Aquisição de estilo de link externo】
<html> <head> <link rel = "stylesheet" type = "text/css" href = "Basic.css"/> // Solução de estilo de link para descrever </ad head> <body> <div id = "div1"> test link </div> <cript> var = documentshlesshess [0] // sloy slayle console.log (regra.style.background) // Vermelho dessa maneira você pode especificar o estilo na folha de estilo de link externo </sCript> </body> </html>
【Folha de estilo de link externo】
.Div2 {Background: Red;}A maneira simples de obter estilos de interline CSS, estilos embutidos e estilos de link externo no artigo acima é o conteúdo inteiro que o editor compartilhou com você. Espero que você possa lhe dar uma referência e espero que você possa apoiar mais o wulin.com.