<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <div class="container">this is a div.</div> </body> <script> var div=document.getElementsByClassName('container')[0]; //1.DOM Core添加自定义属性 div.setAttribute('author','zyz'); //2.添加HTML标准属性 div.style='color:red'; //3.使用用DOM节点的做法,纯DOM Core var attr=document.createAttribute('data');//创建属性节点 attr.nodeValue='mydata';//给属性指定值 div.setAttributeNode(attr);//添加属性到元素节点 </script> </html>