HTML DOM removeNamedItem () विधि अपने पैरामीटर में निर्दिष्ट नोड को HTML दस्तावेज़ में इसके नाम का उपयोग करके एक विशेषता नोड से हटा देती है।
सिंटैक्स
निम्नलिखित वाक्य रचना है -
node.removeNamedItem(node);
उदाहरण
आइए एक उदाहरण देखें removeNamedItem() मेथड -
<!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:60%;
margin:2rem auto;
display:block;
color:#fff;
outline:none;
cursor:pointer;
}
</style>
</head>
<body>
<h1>DOM removeNamedItem() 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 using removeNamedItem() method</button>
<script>
function remove() {
var p=document.querySelector("p");
p.attributes.removeNamedItem("style");
}
</script>
</body>
</html> आउटपुट
यह निम्नलिखित आउटपुट देगा -
"removeNamedItem() विधि का उपयोग करके विशेषता निकालें . पर क्लिक करें
तत्व से शैली विशेषता को हटाने के लिए बटन।
