HTML DOM setNamedItem() মেথড

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>

আউটপুট

এটি নিচের আউটপুট তৈরি করবে:

Set Attribute using setNamedItem() method বাটনে ক্লিক করুন এলিমেন্টে অ্যাট্রিবিউট সেট করতে।