Computer >> कंप्यूटर >  >> प्रोग्रामिंग >> HTML

एचटीएमएल डोम लिंक ऑब्जेक्ट

<घंटा/>

HTML में HTML DOM लिंक ऑब्जेक्ट . का प्रतिनिधित्व करता है तत्व।

सिंटैक्स

निम्नलिखित वाक्य रचना है -

एक बनाना तत्व

var linkObject = document.createElement(“LINK”)

गुण

यहां, “लिंकऑब्जेक्ट” निम्नलिखित गुण हो सकते हैं -

<थ>विवरण
संपत्ति
क्रॉसऑरिजिन यह लिंक किए गए दस्तावेज़ की CORS सेटिंग सेट/रिटर्न करता है
अक्षम यह सेट/रिटर्न करता है कि लिंक किया गया दस्तावेज़ अक्षम है या नहीं
href यह लिंक किए गए दस्तावेज़ का URL सेट/रिटर्न करता है
hreflang यह लिंक किए गए दस्तावेज़ का भाषा कोड सेट/रिटर्न करता है
मीडिया यह लिंक तत्व टैग के लिए मीडिया प्रकार सेट/रिटर्न करता है
रिले यह वर्तमान और लिंक किए गए दस्तावेज़ के बीच संबंध सेट/रिटर्न करता है
आकार यह लिंक किए गए दस्तावेज़ के आकार विशेषता का मान देता है
टाइप करें यह लिंक किए गए दस्तावेज़ के सामग्री प्रकार को सेट/रिटर्न करता है

उदाहरण

आइए लिंक अक्षम . के लिए एक उदाहरण देखें संपत्ति -

<!DOCTYPE html>
<html>
<head>
<title>Link Disabled</title>
<link id="extStyle" rel="stylesheet" type="text/css" href="style.css">
</head>
<body>
<form>
<fieldset>
<legend>Link-disabled</legend>
<label for="WeekSelect">Sales Target Week:
<input type="week" id="WeekSelect" value="2020-W13" disabled>
</label>
<input type="button" onclick="enableWeekInput()" value="Change Sales Target Week">
<input type="button" onclick="beautify()" value="Disable Styling">
<div id="divDisplay"></div>
</fieldset>
</form>
<script>
   var divDisplay = document.getElementById("divDisplay");
   var inputWeek = document.getElementById("WeekSelect");
   var extStyle = document.getElementById("extStyle");
   divDisplay.textContent = 'Week Input disabled: '+inputWeek.disabled;
   function enableWeekInput() {
      inputWeek.disabled = false;
      divDisplay.textContent = 'Week Input disabled: '+inputWeek.disabled;
   }
   function beautify(){
      extStyle.disabled = true;
   }
</script>
</body>
</html>

उपरोक्त उदाहरण में ‘style.css’ शामिल हैं -

form {
   width:70%;
   margin: 0 auto;
   text-align: center;
}
* {
   padding: 2px;
   margin:5px;
}
input[type="button"] {
   border-radius: 10px;
}

आउटपुट

यह निम्नलिखित आउटपुट देगा -

'स्टाइलिंग अक्षम करें' . क्लिक करने से पहले बटन -

एचटीएमएल डोम लिंक ऑब्जेक्ट

'स्टाइलिंग अक्षम करें' . क्लिक करने के बाद बटन -

एचटीएमएल डोम लिंक ऑब्जेक्ट


  1. एचटीएमएल डोम विवरण वस्तु

    HTML DOM विवरण ऑब्जेक्ट HTML तत्व से संबद्ध है। यह हमें उस जानकारी को छिपाने की अनुमति दे सकता है जिसे केवल तभी प्रदर्शित किया जा सकता है जब उपयोगकर्ता इसे देखना चाहता है। गुण विवरण वस्तु के लिए संपत्ति निम्नलिखित है - Sr.No संपत्ति और विवरण 1 खुला यह सेट करने या वापस करने के लिए कि विवरण उपयोग

  1. एचटीएमएल डोम टेक्सटेरिया ऑब्जेक्ट

    HTML DOM Textarea ऑब्जेक्ट एक HTML दस्तावेज़ के तत्व का प्रतिनिधित्व करता है। Textarea ऑब्जेक्ट बनाएं सिंटैक्स निम्नलिखित वाक्य रचना है - document.createElement(“TEXTAREA”); Textarea ऑब्जेक्ट के गुण संपत्ति स्पष्टीकरण ऑटोफोकस यह वापस आता है और संशोधित करता है कि पृष्ठ लोड होने पर टे

  1. एचटीएमएल डोम शीर्षक वस्तु

    एचटीएमएल में एचटीएमएल डोम टाइटल ऑब्जेक्ट तत्व का प्रतिनिधित्व करता है। एक बनाना तत्व var titleObject = document.createElement(“TITLE”) यहाँ, “titleObject” निम्नलिखित गुण हो सकते हैं - संपत्ति विवरण text दस्तावेज़ के तत्व का मान सेट/रिटर्न करता है आइए शीर्षक टेक्स्ट .