Run ❯
<!DOCTYPE html> <html> <style> .democlass {color: red;} </style> <body> <h1>The Document Object</h1> <h2>The createAttribute() and setAttributeNode() Methods</h2> <p>Create a style attribute that adds a red color to the h1 element.</p> <script> // Create a class attribute: const att = document.createAttribute("style"); // Set the value of the class attribute att.value = "color:red"; // Add the class attribute to the first h1; const h1 = document.getElementsByTagName("h1")[0]; h1.setAttributeNode(att); </script> </body> <!-- Mirrored from www.globaltuts.com/jsref/tryit.asp?filename=tryjsref_document_createattribute1 by HTTrack Website Copier/3.x [XR&CO'2014], Tue, 26 Jul 2022 06:17:14 GMT --> </html>