首页 理论教育JavaScript属性获取

JavaScript属性获取

【摘要】:使用tag.getAttribute函数获取属性的值,使用tag.attributes获取全部属性列表,语法如下:参数说明:◇ tag:表示HTML元素(标签)。动手写14.3.1执行14.3.1.html,输出结果到网页,如下图所示。图14.3.1获取节点属性提示若HTML代码中没有指定属性的值,则属性的值会被设置为空字符串。图14.3.2属性默认值这类具有默认值的属性如readonly、checked等,一旦设置,不论其属性值是什么,都会生效。删除属性将在14.3.3小节中介绍。

使用tag.getAttribute(name)函数获取属性的值,使用tag.attributes获取全部属性列表,语法如下:

参数说明:

◇ tag:表示HTML元素(标签)。

◇ name:必选参数,表示节点属性名称,因为HTML不区分标签大小写,所以<div> 和 <DIV>都表示同一种标签,tag.getAttribute(name)也受此影响,name参数不区分大小写;如果元素没有名为name的属性,则返回null。

14.3.1.html使用tag.getAttribute()函数和tag.attributes获取节点属性,如下所示。

动手写14.3.1

执行14.3.1.html,输出结果到网页,如下图所示。

图14.3.1 获取节点属性(www.chuimin.cn)

提示

若HTML代码中没有指定属性的值,则属性的值会被设置为空字符串。一旦拥有HTML的部分属性,则它们只能有一个值,比如readonly、checked等属性,即使将它们设置为其他值,该设置也不会生效。

14.3.2.html查看特殊属性readonly、checked等的值,如下所示。

动手写14.3.2

执行14.3.2.html,输出结果到网页,如下图所示。

图14.3.2 属性默认值

这类具有默认值的属性如readonly、checked等,一旦设置,不论其属性值是什么,都会生效。若要让其失效,只能将属性删除。删除属性将在14.3.3小节中介绍。