Skip to content
Related Articles

Related Articles

HTML | DOM Link disabled Property

View Discussion
Improve Article
Save Article
  • Difficulty Level : Basic
  • Last Updated : 22 Aug, 2022
View Discussion
Improve Article
Save Article

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  

My Personal Notes arrow_drop_up
Recommended Articles
Page :

Start Your Coding Journey Now!