為什么我寫的這段代碼,不能輸出text?
<!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個(gè)li">HTML</li> ?
? ? ? ? <li>CSS</li> ?
? ? ? ? <li title="第3個(gè)li">JavaScript</li> ?
? ? ? ? <li title="第4個(gè)li">Jquery</li> ?
? ? ? ? <li>Html5</li> ?
? ? </ul> ?
<p>以下為獲取的不為空的li標(biāo)簽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?
2016-04-23
你改成text=con[0].getAttribute("title")輸出的是第一個(gè)li的title
所以要輸出所有l(wèi)i的title 需要用循環(huán)for來寫 i是用來表示是第幾個(gè)li的
2016-04-23
var con=document.getElementsByTagName("li");
getElementsByTagName返回的應(yīng)該是一個(gè)對(duì)象數(shù)組
所以text=con[i].getAttribute("title");