JS 获取节点属性值
2015-07-03 11:11
615 查看
getAttribute()方法
通过元素节点的属性名称获取属性的值。
语法:
elementNode.getAttribute(name)
说明:
1. elementNode:使用getElementById()、getElementsByTagName()等方法,获取到的元素节点。
2. name:要想查询的元素节点的属性名字
示例:
结果:
课程列表
HTML
CSS
JavaScript
Jquery
Html5
以下为获取的不为空的li标签title值:
第1个li
第3个li
第4个li
通过元素节点的属性名称获取属性的值。
语法:
elementNode.getAttribute(name)
说明:
1. elementNode:使用getElementById()、getElementsByTagName()等方法,获取到的元素节点。
2. name:要想查询的元素节点的属性名字
示例:
<!DOCTYPE HTML> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8"> <title>getAttribute()</title> </head> <body> <p id="intro">课程列表</p> <ul> <li title="第1个li">HTML</li> <li>CSS</li> <li title="第3个li">JavaScript</li> <li title="第4个li">Jquery</li> <li>Html5</li> </ul> <p>以下为获取的不为空的li标签title值:</p> <script type="text/javascript"> var con=document.getElementsByTagName("li"); for (var i=0; i< con.length;i++){ text=con[i].getAttribute("title"); if(text!=null) { document.write(text+"<br>"); } } </script> </body> </html>
结果:
课程列表
HTML
CSS
JavaScript
Jquery
Html5
以下为获取的不为空的li标签title值:
第1个li
第3个li
第4个li
相关文章推荐
- js判断是否为JSON对象
- js获取日期及其他操作
- FastJSON 原理剖析 以及 和 Jackson的对比 who is the most fast!
- 使用JS对form的内容验证失败后阻止提交
- js 格式装换
- JS DOM操作
- js callee,caller学习
- Extjs4之行合计应用
- extj.js学习笔记
- Extjs4之 grid中加入合计行(summary )
- 网易JS面试题与Javascript词法作用域说明
- BSON(binary json)与JSON的区别
- 将xml转换成Json,数组,对象格式转换方法
- Javascript实现字数统计
- JavaScript获取表格(table)当前行的值、删除行、增加行
- jsp中页面之间的跳转forward与sendRedirect的区别
- Extjs 复制对象
- js处理backspace和enter键
- JS中navigator对象详解
- js数据类型判断和数组判断