HTMLLinkElement: disabled property
Baseline Widely available
This feature is well established and works across many devices and browser versions. It’s been available across browsers since July 2015.
The disabled
property of the HTMLLinkElement
interface is a boolean value that represents whether the link is disabled. It only has an effect with style sheet links (rel
property set to stylesheet
).
If disabled
attribute is specified in the HTML when it is loaded, the stylesheet will not be loaded during page load. Instead, the stylesheet will be loaded only when the disabled
property is set to false
or removed. Setting the disabled
property using JavaScript causes the stylesheet to be removed from the document's Document.styleSheets
list.
It reflects the disabled
attribute of the <link>
element.
Value
A boolean.
Examples
<link
id="el"
href="https://cdn.jsdelivr.net/npm/bootstrap@5.3.3/dist/css/bootstrap.min.css"
rel="stylesheet"
disabled
crossorigin="anonymous" />
const el = document.getElementById("el");
console.log(el.disabled); // Output: true
// Set the disabled property to false to enable the stylesheet
el.disabled = false;
console.log(el.disabled); // Output: false
Specifications
Specification |
---|
HTML # dom-link-disabled |
Browser compatibility
Report problems with this compatibility data on GitHubdesktop | mobile | |||||||||||
---|---|---|---|---|---|---|---|---|---|---|---|---|
disabled |
Legend
Tip: you can click/tap on a cell for more information.
- Full support
- Full support
- See implementation notes.