JavaScript 设置属性值

■知识点

使用元素的setAttributeO方法可以设置元素的属性值。其用法如下

    setAttribute(name, value)

其中，参数name和参数value分别表示属性名称和属性值。属性名和属性值必须以字符串的形式进行传递。如果元素中存在指定的属性，它的值将被刷新：如果不存在，setAttribute()方法将为元素创建该属性并赋值。

■实例设计

【示例1】下面的示例分别为页面中的div元素设置title属性。

<div id="red">红盒子</div>

<div id="blue">蓝盒子</div>

<script>

var red = document.getElementByld ("red");         //获取红盒子的引用

var blue = document.getElementByld("blue");      //获取蓝盒子的引用

red.setAttribute ("title"，"这是红盒子");                 //为红盒子对象设置title属性和值

blue.setAttribute ("title"，"这是蓝盒子n);               //为蓝盒子对象设置title属性和值

</script〉

【示例2】下面的示例定义了一个文本节点和元素节点，并为一级标题元素设置title属性，最后把

它们添加到文档结构中。

var hello = document.createTextNode ("Hello World! ");  //创建一个文本节点

var hi = document.createElement ("hi");                 //创建一个一级标题

hi.setAttribute ("title", "你好，欢迎光临！");            //为一级标题定义title属性

hi.appendChild (hello);                                         //把文本节点增加到一级标题中

document.body.appendChild (hi);                          //把一级标题增加到文档