HTML DOM setNamedItem() मेथड

setNamedItem() मेथड क्या है?

DOM setNamedItem() मेथड एक विशेषता नोड (Attr ऑब्जेक्ट) को किसी तत्व की विशेषता सूची में उसके नाम का उपयोग करके जोड़ता है। यदि उसी नाम की विशेषता पहले से मौजूद है, तो यह उसे प्रतिस्थापित कर देता है।

सिंटैक्स

namedNodeMap.setNamedItem(attrNode)

पैरामीटर

• attrNode: जोड़ने या प्रतिस्थापित करने के लिए विशेषता नोड (आमतौर पर document.createAttribute() से बनाया गया)।

रिटर्न मान

प्रतिस्थापित विशेषता नोड (यदि कोई था), अन्यथा null।

उदाहरण

यह उदाहरण दर्शाता है कि कैसे setNamedItem() का उपयोग करके एक पैराग्राफ पर स्टाइल विशेषता सेट की जाती है:

<!DOCTYPE html>
<html>
<head>
<style>
  html { height: 100%; }
  body {
    text-align: center;
    color: #fff;
    background: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%) center/cover no-repeat;
    height: 100%;
  }
  .btn {
    background: #0197F6;
    border: none;
    height: 2rem;
    border-radius: 2px;
    width: 50%;
    margin: 2rem auto;
    display: block;
    color: #fff;
    outline: none;
    cursor: pointer;
  }
</style>
</head>
<body>
<h1>DOM setNamedItem() मेथड डेमो</h1>
<p>नमस्ते! मैं HTML में कुछ रैंडम टेक्स्ट वाला एक पैरा तत्व हूँ।</p>
<button onclick="setAttr()" class="btn">setNamedItem() से विशेषता सेट करें</button>
<script>
  function setAttr() {
    var p = document.querySelector("p");
    var attr = document.createAttribute("style");
    attr.value = "color: #db133a; font-size: 1.2rem;";
    p.attributes.setNamedItem(attr);
  }
</script>
</body>
</html>

आउटपुट

बटन पर क्लिक करने पर, पैराग्राफ पर एक स्टाइल विशेषता लागू होती है, जिससे उसका टेक्स्ट लाल रंग का और बड़ा हो जाता है।

setNamedItem() बनाम setAttribute()

उपयोग के मामले

• जब आपको विशेषता नोड ऑब्जेक्ट को सीधे मैनिपुलेट करने की आवश्यकता हो।
• कस्टम विशेषता नोड्स बनाने और प्रबंधित करने के लिए।
• नेमस्पेस वाली विशेषताओं के साथ काम करते समय (साथ में setNamedItemNS())।