Welcome to collectivesolver - Programming & Software Q&A with code examples. A website with trusted programming answers. All programs are tested and work.

Contact: aviboots(AT)netvision.net.il

Buy a domain name - Register cheap domain names from $0.99 - Namecheap

Scalable Hosting That Grows With You

Secure & Reliable Web Hosting, Free Domain, Free SSL, 1-Click WordPress Install, Expert 24/7 Support

Semrush - keyword research tool

Boost your online presence with premium web hosting and servers

Disclosure: My content contains affiliate links.

39,895 questions

51,826 answers

573 users

How to create new attribute node to an element with Document.createAttribute() in JavaScript

2 Answers

0 votes
<!DOCTYPE html>
<html>
<head>
<style>
.seth1color {
    color: blue;
}
</style>
</head>
<body>
<h1>New Attr</h1>
<script type="text/JavaScript"> 
var attr = document.createAttribute("class");
attr.value = "seth1color";
var h1 = document.getElementsByTagName("H1")[0];
h1.setAttributeNode(attr); 

/*
run:

New Attr
*/

</script>
</body>
</html>

 



answered Jun 12, 2016 by avibootz
0 votes
<!DOCTYPE html>
<html>
<head>
<style>
.seth1color {
    color: blue;
}
</style>
</head>
<body>
<h1>New Attr</h1>
<button onclick="SetAttr()">Create Attr</button>
<script type="text/JavaScript"> 
function SetAttr() 
{
    var attr = document.createAttribute("class");
    attr.value = "seth1color";
    var h1 = document.getElementsByTagName("H1")[0];
    h1.setAttributeNode(attr); 
}

/*
run:

New Attr
*/

</script>
</body>
</html>

 



answered Jun 12, 2016 by avibootz
...