Wie bekomme ich einen Nicht-Inline-Stil? Verwenden Sie js und jquery, um Nicht-Interline-Stile zu erhalten

In diesem Artikel werden hauptsächlich die relevanten Kenntnisse zum Erhalten von Nicht-Interline-Stilen in js und jquery vorgestellt, die einen guten Referenzwert haben. Werfen wir einen Blick darauf mit dem Editor unten

Stile werden in Interline-Stile und Nicht-Interline-Stile unterteilt. Im Allgemeinen werden Inline-Stile selten verwendet, da sie nur auf ein Element angewendet werden können, während nicht-interlinierte Stile auf Elemente desselben Typs (d. h. Elemente mit demselben Tag oder demselben Klassennamen) angewendet werden können. (Natürlich kann der ID-Name nicht identisch und eindeutig sein)

Lassen Sie uns also in js und jquery darüber sprechen. In diesem Fall müssen Sie den Stil des Elements ermitteln. Wie bekomme ich es?

js in

1. Interline-Stil:

Ich glaube Jeder liest Bücher Wie auch immer, Sie alle wissen, wie man den Interline-Stil erhält, nämlich einen Stil zu verwenden:

Diese Art der Stilverwendung kann nur den Interline-Stil erhalten. >

2. Nicht-Interline-Stil

Hier füge ich die gekapselte Funktion direkt hinzu, ohne sie im Editor zu bearbeiten und auszuführen

function getStyle(obj,attr)
{
    if(obj.currentStyle)
　　   {
        return obj.currentStyle[attr];
      }
    else
     return getComputedStyle(obj,null)[attr];//放null参数的那个地方放false也可以，只要带一个参数，值您任意，高兴就好。
 }

Okay, kapseln Sie einfach eine so einfache Funktion und rufen Sie sie auf, wenn Sie Nicht-Interline-Elemente erhalten (ps: Zum Beispiel getStyle(op,'width). '))

In jquery

Tatsächlich dachte ich, ich müsste die gleiche gekapselte Funktion in jquery verwenden wie in js; nun stellte sich heraus, dass ich sie nicht direkt verwendet habe Methode ist in Ordnung

Verwenden Sie zunächst die Methoden width () und height () in jquery (diese beiden Methoden ermitteln nur die Breite und Höhe des Inhaltsbereichs und der erhaltene Datentyp ist Zahl), (ps: Darüber hinaus sind „outerWidth()“ und „outerHeight()“ zwei Methoden, um die Breite und Höhe einschließlich Polsterung und Rand im Box-Modell zu erhalten.

Es gibt noch eine andere Methode, um nicht- Interline-Stile, verwenden Sie die css()-Methode. Der mit dieser Methode erhaltene Datentyp ist string

Ja, das war's Empfehlungen]

1.

Kostenloses JS-Online-Video-Tutorial

2. JavaScript-Referenzhandbuch für Chinesisch

3 php.cn Dugu Jiujian (3) – JavaScript-Video-Tutorial

Das obige ist der detaillierte Inhalt vonWie bekomme ich einen Nicht-Inline-Stil? Verwenden Sie js und jquery, um Nicht-Interline-Stile zu erhalten. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!