Este exemplo de artigo descreve como obter o estilo de link externo do JS. Compartilhe para sua referência. A análise específica é a seguinte:
Geralmente, defina estilos embutidos para elementos, como <div id = "div1"> </div>. Para obter seu estilo, você pode obtê -lo ou defini -lo por document.getElementById ("div1"). Style.width. No entanto, se o estilo estiver no link externo ou no estilo não line da página, ele não poderá ser obtido.
Em um navegador padrão, você pode usar o Window.GetComputedStyll (Obj, Null) [Propriedade] para obter o estilo de link externo, mas em um navegador do IE, você pode usar obj.currentStyle para obtê -lo.
O código HTML completo é o seguinte:
Copie o código da seguinte forma: <! Doctype html>
<html>
<head>
<title> JS Get elemento estilo de link externo </title> <base target = "_ Blank"/>
<style type = "text/css">
P {
Largura: 500px;
altura de linha: 30px;
}
</style>
<script src = "jQuery/jQuery-1.11.2.min.js">
</script>
<Cript>
função getStyle (obj, propriedade) {
if (obj.currentstyle) {
retornar obj.currentStyle [Propriedade];
} else if (window.getComputedStyle) {
Return Document.DefaultView.GetComputedStyle (obj, null) [Propriedade]; // ou você também pode obter o estilo através do Window.GetComputedStyle
}
retornar nulo;
}
$ (document) .ready (function () {
$ ("P"). Clique (function () {
alerta (getStyle (isto, "largura"));
});
});
</script>
</head>
<Body>
<p> Se você clicar em mim, a largura aparece. </p>
<p> Clique em mim para aparecer a largura. </p>
<p> Clique em mim também ~ O (∩_∩) o ~. </p>
</body>
</html>
Espero que este artigo seja útil para a programação JavaScript de todos.