Skip to content
Related Articles

Related Articles

Improve Article

HTML | DOM Link disabled Property

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

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 :