Open In App

HTML | DOM Link disabled Property

Last Updated : 22 Aug, 2022
Improve
Improve
Like Article
Like
Save
Share
Report

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  


Like Article
Suggest improvement
Previous
Next
Share your thoughts in the comments

Similar Reads