                        課程
                    
                        /前端開發(fā)
                        
                            /JavaScript
                        
                        /JavaScript進(jìn)階篇

con[i].getAttribute("title"); 和 con[i].title;的區(qū)別?

var?con=document.getElementsByTagName("li");
????for?(var?i=0;?i<?con.length;i++){
????//var?text=con[i].getAttribute("title");
????var?text=con[i].title;
??????if(text!=null)
??????{
????????document.write(text+"<br>");
??????}
????}

//var?text=con[i].getAttribute("title");
????var?text=con[i].title;
????//通過這兩種方法獲得的結(jié)果怎么不一樣？？？這兩個(gè)方法的區(qū)別是什么？？

空城盼故人

2016-05-26

源自：JavaScript進(jìn)階篇 9-5

關(guān)注問題我要回答

977

操作

收起

4 回答

黑色丶毛衣回答被采納 +3 積分
2016-05-29

var?text=con[i].getAttribute("title");

這個(gè)是獲取到title屬性的值。

意思就是如果標(biāo)簽有title屬性，且值存在，那就獲取到。

var?text=con[i].title;

這個(gè)則是獲取到標(biāo)簽的title，如果沒有title則創(chuàng)建一個(gè)值為空串的title；

title=""

注意一下：空值！=空串

null!=""

比較的例子如下：

<script?type="text/javascript">
??????{
????????document.write("不等于"+"<br>");
??????}
?</script>

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

#1

空城盼故人提問者

所以這種寫法的時(shí)候是和""（空字符串）比較！懂了 var text=con[i].title; if(text!=""){}

2016-05-31 回復(fù) 有任何疑惑可以回復(fù)我~

#2

CharlesLvm 回復(fù) 空城盼故人提問者

con[i].getAttribute("title");只能獲取存在的屬性值，而 con[i].title;可以對不存在的標(biāo)簽進(jìn)行創(chuàng)建？

2016-07-15 回復(fù) 有任何疑惑可以回復(fù)我~

一只特立獨(dú)行的doge
2016-05-29

哥們，抱歉啊，我的理解好像有點(diǎn)出錯(cuò)。這理解好像不太對

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答

一只特立獨(dú)行的doge
2016-05-29

attribute獲取到的屬性值是節(jié)點(diǎn)有的屬性，這里獲取到的是li節(jié)點(diǎn)的title屬性的值，不管li你有沒有給它一個(gè)title，title都是存在的，只是沒賦值的就是null，就和這里的第二個(gè)li一樣，雖然沒有title，但是title還是存在的。但是如果你直接用con[i].title的話，只是得到的是已經(jīng)賦值的title，未賦值的就是不存在的。

0 回復(fù) 有任何疑惑可以回復(fù)我~

收起回答