【De la adquisición de estilo de línea】
<div id = 'div1' style = "backgroud: rojo"> test </div> <script> var odiv = document.getElementById ('div1'); // Primero obtenga la etiqueta del elemento para obtener el estilo, es decir, obtener Div1 Console.log (odiv.style.background); // para que podamos obtener el estilo entre líneas </script>【Adquisición de estilo integrado】
<html> <cead> <style> .div2 {fondo: rojo; } </style> </head> <body> <div id = "div1"> test </div> <script> var odiv = document.getElementById ('div1'); // Primero obtenga la etiqueta del elemento para obtener el estilo, es decir, obtener div1 //console.log(getComputedStyle(odiv.null).background); GetComputedStyle ("Elemento", "Pseudo-Clase") es el estilo que se obtuvo después del cálculo. El segundo parámetro es la pseudo-clase. Sin embargo, si NULL no se usa directamente, el Evil IE8 y los anteriores no lo admitieron, por lo que se necesita el siguiente método. //console.log(currentStyle.background) Esto solo es compatible con IE. También obtiene la consola de estilo calculada (Window.getComputedStyle? // Compatibilidad del navegador cruzado </script> </body> </html>【Adquisición de estilo de enlace externo】
<html> <fead> <link rel = "stylesheet" type = "text/css" href = "básico.css"/> // Situble de enlace Hoja de estilo de estilo </fead> <body> <Div id = "div1"> test </div> <script> var sheet = document.styleSheets [0] // Obtén el enlace externo Var Regla Var Regla console.log (regla.style.background) // rojo de esta manera puede especificar el estilo en la hoja de estilo de enlace externo </script> </body> </html>
【Hoja de estilo de enlace exterior】
.div2 {fondo: rojo;}La forma simple de obtener estilos interlineas CSS, estilos en línea y estilos de enlace externos en el artículo anterior es todo el contenido que el editor ha compartido con usted. Espero que pueda darle una referencia y espero que pueda apoyar más a Wulin.com.