Wie kann JavaScript das Anzeigeattribut eines HTML-Elements bestimmen (blockieren oder nicht)?

Bestimmen des Anzeigeattributs eines Elements mithilfe von JavaScript

Frage:

Ist es möglich, festzustellen, ob Das CSS-Anzeigeattribut eines HTML-Elements wird mit auf „block“ oder „none“ gesetzt JavaScript?

Antwort:

Ja, es ist möglich, das Anzeigeattribut eines Elements mit JavaScript zu überprüfen. Die Methodik hängt davon ab, ob das Attribut inline oder als Teil einer CSS-Regel definiert ist.

Geerbt oder CSS-Regeln:

Wenn das Anzeigeattribut von seinem übergeordneten Attribut geerbt wird Element oder durch eine CSS-Stilregel angegeben, müssen Sie den berechneten Stil des Elements erhalten:

return window.getComputedStyle(element, null).display;

Inline-Styling oder JavaScript-Manipulation:

Für Elemente mit Anzeigestilen, die inline deklariert oder über JavaScript geändert wurden, können Sie das Attribut direkt aus der Stileigenschaft des Elements abrufen:

console.log(document.getElementById('someIDThatExists').style.display);

Dies gibt a zurück Zeichenfolge, die den aktuellen Anzeigeattributwert darstellt.

Das obige ist der detaillierte Inhalt vonWie kann JavaScript das Anzeigeattribut eines HTML-Elements bestimmen (blockieren oder nicht)?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!