<!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");
var text=con.getAttribute("title");
if(text!=null)
{
document.write(text+"<br>");
}
</script>
</body>
</html>
为什么我写的这段代码，不能输出text?
你改成text=con[0].getAttribute("title")输出的是第一个li的title
所以要输出所有li的title 需要用循环for来写 i是用来表示是第几个li的
var con=document.getElementsByTagName("li");
getElementsByTagName返回的应该是一个对象数组
所以text=con[i].getAttribute("title");