Skip to content
Related Articles

Related Articles

Improve Article

HTML | DOM Link disabled Property

  • Difficulty Level : Basic
  • Last Updated : 19 Sep, 2021
Geek Week

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.

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() {
 
            // Access link element.
            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() {
 
            // Access link element.
            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  

Attention reader! Don’t stop learning now. Get hold of all the important HTML concepts with the Web Design for Beginners | HTML  course.




My Personal Notes arrow_drop_up
Recommended Articles
Page :