HTMLStyleElement: blocking property
Limited availability
This feature is not Baseline because it does not work in some of the most widely-used browsers.
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
| Specification |
|---|
| HTML # dom-style-blocking |
Browser compatibility
| desktop | mobile | |||||||||||
|---|---|---|---|---|---|---|---|---|---|---|---|---|
blocking
|
|
|
|
|
|
|
|
|
|
|
|
|
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- No support
- No support
- See implementation notes.