<!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++){
????????var?text=con[i].getAttribute("title");
??????if(text!=null)
??????{
????????document.write(text+"<br>");
??????}
????}?
?</script>?
</body>
</html>
2021-02-26
不錯！