HTMLStyleElement: blocking property

The read-only blocking property of the HTMLStyleElement returns a live DOMTokenList object containing the operations that should be blocked on the fetching of an external resource. It reflects the <style> element’s blocking content attribute.

Value

A live DOMTokenList object.

Although the blocking property itself is read-only in the sense that you can’t replace the DOMTokenList object, you can still assign to the blocking property directly, which is equivalent to assigning to its value property. You can also modify the DOMTokenList object using the add(), remove(), replace(), and toggle() methods.

Examples

<style id="el" blocking="render">
  p {
    color: blue;
  }
</style>

const el = document.getElementById("el");
console.log(el.blocking); // Output: DOMTokenList ["render"]

Specifications

Browser compatibility

See also

• blocking
• blocking