DOM setAttributeNode() মেথড তার প্যারামিটারটিতে নির্দিষ্ট অ্যাট্রিবিউটটিকে HTML ডকুমেন্টে নির্দিষ্ট এলিমেন্টে সেট করে এবং মানটি Attr Node অবজেক্ট হিসেবে রিটার্ন করে।
সিনট্যাক্স
নিচে সিনট্যাক্স দেওয়া হলো:
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>
আউটপুট
এটি নিচের আউটপুট তৈরি করবে:
Set Attribute বাটনে ক্লিক করুন
এলিমেন্টে style অ্যাট্রিবিউট সেট করতে।
