JS 获取节点属性值

来源：互联网发布：playclub明星捏脸数据编辑：程序博客网时间：2024/05/16 15:52

getAttribute()方法
通过元素节点的属性名称获取属性的值。
语法：
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

0 0