Dieser Inhalt wurde automatisch aus dem Englischen übersetzt, und kann Fehler enthalten. Erfahre mehr über dieses Experiment.

View in English Always switch to English

HTMLStyleElement: blocking Eigenschaft

Limited availability

This feature is not Baseline because it does not work in some of the most widely-used browsers.

Die blocking-Eigenschaft des HTMLStyleElement-Interfaces ist ein String, der angibt, dass bestimmte Operationen beim Abrufen kritischer Subressourcen blockiert werden sollen.

Sie spiegelt das blocking-Attribut des <style>-Elements wider.

Wert

Ein String. Muss eine durch Leerzeichen getrennte Liste von Blocking-Token sein, die unten aufgeführt sind und die angeben, welche Operationen blockiert werden sollen:

render

Das Rendern von Inhalten auf dem Bildschirm wird blockiert.

Hinweis: Nur style-Elemente im <head> des Dokuments können möglicherweise das Rendern blockieren. Standardmäßig blockiert ein style-Element im <head> das Rendern, wenn der Browser es beim Parsen entdeckt. Wenn ein solches style-Element dynamisch über ein Skript hinzugefügt wird, müssen Sie zusätzlich blocking = "render" setzen, damit es das Rendern blockiert.

Beispiele

html
<style id="el" blocking="render">
  p {
    color: blue;
  }
</style>
js
const el = document.getElementById("el");
console.log(el.blocking); // Output: "render"

Spezifikationen

Specification
HTML
# dom-style-blocking

Browser-Kompatibilität

Siehe auch