HTML DOM removeAttributeNode () विधि HTML दस्तावेज़ में निर्दिष्ट तत्व से इसके पैरामीटर में निर्दिष्ट विशेषता को हटा देती है और हटाई गई विशेषता को Attr नोड ऑब्जेक्ट के रूप में वापस कर देती है।
सिंटैक्स
निम्नलिखित वाक्य रचना है -
node.removeAttributeNode(attributeNode);
उदाहरण
आइए एक उदाहरण देखें 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() method Demo</h1>
<p style="color:#db133a;font-size:1.2rem;">Hi! I'm a para element in HTML with some random text</p>
<button onclick="remove()" class="btn">Remove Attribute</button>
<script>
function remove() {
var p=document.querySelector("p");
var pAtt=p.getAttributeNode("style");
p.removeAttributeNode(pAtt);
}
</script>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट देगा -
“विशेषता निकालें . पर क्लिक करें
तत्व से शैली विशेषता को हटाने के लिए " बटन।
