<!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>");
????????}*/
?????//第二種寫法
???????if(con[i].title!=null)
????????{
????????????document.write(con[i].title+"<br>");
????????}
????}
</script>
</body>
</html>
2018-09-30
2018-08-02
這樣判斷的話就能判斷出值為null 或者""空字符的情況
2018-07-20
第二種并沒有選到節點
把
改為
2018-07-20
你的第一個方法好像也不行,看不到效果
2018-06-19
Null的數據類型只有一個值就是null,可以做個測試:
所以你第二中方法用人類語言來說就是:如果con[i].title不等于null這個判斷是true的時候,然后執行后面的代碼,Null的數據類型只有null一個值,在沒有聲明con[i].title 等于null的時候,永遠都不會出現con[i].title不等于null,也就是con[i].title永遠為true,這里有點繞,不知道你能不能看懂?你可以在你的第二種方法下alert一下看看,執行下面代碼,會彈出5次true。
con[1].title(第二個li元素)和con[4].title(第五個li元素)的title是空,但不是null,所以判斷條件也會是true,
你的的這個第二種方法的判斷條件改成 con[i].title!=""(不等于空) 就和你第一種方法是一樣的了: