DOM setNamedItem () विधि अपने पैरामीटर में निर्दिष्ट एक नोड को एक HTML दस्तावेज़ में इसके नाम का उपयोग करके एक विशेषता नोड पर सेट करती है।
सिंटैक्स
निम्नलिखित वाक्य रचना है -
node.setNamedItem(node);
उदाहरण
आइए हम 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() method Demo</h1>
<p>Hi! I'm a para element in HTML with some random text</p>
<button onclick="set()" class="btn">Set Attribute using setNamedItem() method</button>
<script>
function set() {
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() विधि का उपयोग करके विशेषता सेट करें . पर क्लिक करें "तत्व पर विशेषता सेट करने के लिए बटन।
