setAttribute(name, value)
参数 name 和 value 分别表示属性名称和属性值。属性名和属性值必须以字符串的形式进行传递。如果元素中存在指定的属性，它的值将被刷新；如果不存在，则 setAttribute() 方法将为元素创建该属性并赋值。
<div id="red">红盒子</div>
<div id="blue">蓝盒子</div>
<script>
var red = document.getElementById("red"); //获取红盒子的引用
var blue= document.getElementById("blue"); //获取蓝盒子的引用
red.setAttribute("title", "这是红盒子"); //为红盒子对象设置title属性和值
blue.setAttribute("title", "这是蓝盒子"); //为蓝盒子对象设置title属性和值
</script>
var hello = document.createTextNode("Hello World!"); //创建一个文本节点
var h1 = document.createElement("h1"); //创建一个一级标题
h1.setAttribute("title", "你好，欢迎光临！"); //为以及标题定义title 属性
h1.appendChild(hello); //把文本节点增加到一级标题中
document.body.appendChild(h1); //把一级标题增加到文档
<label id="label1">文本框：
<input type="text" name="textfield" id="textfield" />
</label>
<script>
var label1 = document.getElementById("label1");
label.className = "class1";
label.htmlFor = "textfield";
</script>
DOM 支持使用 getAttribute() 和 setAttribute() 方法读写自定义属性，不过 IE 6.0 及其以下版本浏览器对其的支持不是很完善。
<div id="red">红盒子</div>
<script>
var red = document.getElementById("red");
red.className = "red";
red.className += "blue";
</script>
<script>
function hasClass (element, className) { //检测类名函数
var reg = new RegExp('(\\s|^)' + className + '(\\s|$)');
return reg.test(element.className); //使用正则检测是否有相同的样式
}
function addClass (element, className) { //添加类名函数
if (! hasClass (element, className))
element.className += ' ' + className;
}
</script>
<div id="red">红盒子</div>
<script>
var red = document.getElementById("red");
addClass(red, 'red');
addClass(red, 'blue');
</script>
本文链接：http://task.lmcjl.com/news/5595.html