HTML DOM removeAttributeNode() मेथड

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

HTML DOM removeAttributeNode() मेथड किसी निर्दिष्ट तत्व से एक विशेषता नोड (Attr ऑब्जेक्ट) को हटाता है और हटाए गए विशेषता नोड को लौटाता है।

सिंटैक्स

element.removeAttributeNode(attrNode)

पैरामीटर

• attrNode: हटाने के लिए विशेषता नोड (आमतौर पर getAttributeNode() से प्राप्त)।

रिटर्न मान

हटाया गया विशेषता नोड (Attr ऑब्जेक्ट)।

उदाहरण

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

<!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: 35%;
    margin: 2rem auto;
    display: block;
    color: #fff;
    outline: none;
    cursor: pointer;
  }
</style>
</head>
<body>
<h1>DOM removeAttributeNode() मेथड डेमो</h1>
<p style="color: #db133a; font-size: 1.2rem;">नमस्ते! मैं HTML में कुछ रैंडम टेक्स्ट वाला एक पैरा तत्व हूँ।</p>
<button onclick="removeAttr()" class="btn">विशेषता हटाएं</button>
<script>
  function removeAttr() {
    var p = document.querySelector("p");
    var pAtt = p.getAttributeNode("style");
    var removed = p.removeAttributeNode(pAtt);
    console.log("हटाई गई विशेषता:", removed.name, "=", removed.value);
  }
</script>
</body>
</html>

आउटपुट

प्रारंभ में पैराग्राफ लाल रंग का और बड़ा होता है (इंलाइन स्टाइल के कारण)। "विशेषता हटाएं" बटन पर क्लिक करने पर, स्टाइल विशेषता हटा दी जाती है और पैराग्राफ डिफ़ॉल्ट सफेद रंग में वापस आ जाता है।

removeAttributeNode() बनाम removeAttribute()

कब उपयोग करें

• जब आपको हटाई गई विशेषता के मान या नोड तक पहुंच की आवश्यकता हो।
• जब आप पहले से प्राप्त Attr नोड के साथ काम कर रहे हों।

त्रुटि संचालन

यदि निर्दिष्ट विशेषता नोड तत्व पर मौजूद नहीं है, तो एक DOMException (NotFoundError) फेंका जाता है। हमेशा हटाने से पहले hasAttribute() या getAttributeNode() से जांच करें।