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