位置:首页 > 软件操作教程 > 编程开发 > JavaScript > 问题详情

JavaScript 设置属性值

提问人:刘团圆发布时间:2020-11-26

■知识点

使用元素的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);                          //把一级标题增加到文档

继续查找其他问题的答案?

相关视频回答
回复(0)
返回顶部