removeAttribute() मेथड क्या है?
HTML DOM removeAttribute() मेथड किसी निर्दिष्ट तत्व से एक विशेषता को उसके नाम से हटाता है। यह removeAttributeNode() से सरल है क्योंकि इसके लिए विशेषता नोड ऑब्जेक्ट के बजाय केवल विशेषता नाम (स्ट्रिंग) की आवश्यकता होती है।
सिंटैक्स
element.removeAttribute(attributeName)पैरामीटर
attributeName: हटाने के लिए विशेषता का नाम (स्ट्रिंग)।
रिटर्न मान
undefined (कुछ भी नहीं लौटाता)।
उदाहरण
यह उदाहरण दर्शाता है कि कैसे removeAttribute() का उपयोग करके एक पैराग्राफ से स्टाइल विशेषता हटाई जाती है:
<!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 removeAttribute() मेथड डेमो</h1>
<p style="color: #db133a; font-size: 1.2rem;">नमस्ते! मैं HTML में कुछ रैंडम टेक्स्ट वाला एक पैरा तत्व हूँ।</p>
<button onclick="removeAttr()" class="btn">विशेषता हटाएं</button>
<script>
function removeAttr() {
document.querySelector("p").removeAttribute("style");
}
</script>
</body>
</html>आउटपुट
प्रारंभ में पैराग्राफ लाल रंग का और बड़ा होता है। "विशेषता हटाएं" बटन पर क्लिक करने पर, स्टाइल विशेषता हटा दी जाती है और पैराग्राफ डिफ़ॉल्ट स्टाइलिंग में वापस आ जाता है।
मुख्य बिंदु
- सरलता: केवल विशेषता नाम की आवश्यकता होती है,
Attrनोड की नहीं। - कोई रिटर्न मान नहीं: हटाई गई विशेषता तक पहुंच नहीं देता।
- केस-इनसेंसिटिव: HTML में विशेषता नाम केस-इनसेंसिटिव होते हैं।
- कोई त्रुटि नहीं: यदि विशेषता मौजूद नहीं है, तो कोई त्रुटि नहीं फेंकी जाती (चुपचाप विफल होता है)।
सामान्य उपयोग के मामले
- डायनामिक रूप से इंलाइन स्टाइल हटाना (
element.removeAttribute("style"))। - फॉर्म फ़ील्ड से
disabled,readonly,requiredजैसी विशेषताएं हटाना। - कस्टम डेटा विशेषताएं (
data-*) साफ़ करना। - किसी तत्व को उसकी डिफ़ॉल्ट स्थिति में रीसेट करना।
ब्राउज़र समर्थन
सभी ब्राउज़रों में उत्कृष्ट समर्थन (IE6+ सहित)।
