The DOM Link disabled Property is used to set or return whether the linked document is disabled or not. This Property is only used with stylesheet links.
Syntax:
- It return the disabled property:.
linkObject.disabled
- It is used to set the disabled property.
linkObject.disabled = true|false
Property Values:
- true: It specify that the linked document will be disabled.
- false: It specify that the linked document will not be disabled. It is false by Default.
Return Value: It returns a Boolean value which represents that if the linked document will be disabled or not.
Example-1: This Example returns a disabled Property.
HTML
<!DOCTYPE html><html>
<head>
<link id="linkid"
rel="stylesheet"
type="text/css"
href="styles.css"
sizes="16*16"
hreflang="en-us"
disabled>
</head>
<body style="text-align:center;">
<h1>GeeksForGeeks</h1>
<h2>DOM Link disabled Property</h2>
<button onclick="gfg()">Get URL
</button>
<p id="pid"
style="font-size:25px;
color:green;">
</p>
<script>
function gfg() {
// Return Link disabled Property
var NEW = document.getElementById(
"linkid").disabled;
document.getElementById(
"pid").innerHTML = NEW;
}
</script>
</body>
</html>
|
Output:
Before Clicking On Button:
After Clicking On Button:
Example-2: This Example sets the disabled Property.
HTML
<!DOCTYPE html><html>
<head>
<link id="linkid"
rel="stylesheet"
type="text/css"
href="styles.css"
sizes="16*16"
hreflang="en-us"
disabled>
</head>
<body style="text-align:center;">
<h1>GeeksForGeeks</h1>
<h2>DOM Link disabled Property</h2>
<button onclick="gfg()">
Get URL
</button>
<p id="pid"
style="font-size:25px;
color:green;">
</p>
<script>
function gfg() {
// Setting Link disabled Property
var NEW = document.getElementById(
"linkid").disabled = "false";
document.getElementById(
"pid").innerHTML = NEW;
}
</script>
</body>
</html>
|
Output:
Before Clicking On Button:
After Clicking On Button:
Supported Browsers:
- Google Chrome
- Mozilla Firefox
- Edge
- Safari
- Opera