大家來討論一下關于getAttribute() 和 對象直接調(diào)用的區(qū)別
原碼
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>");
??????}
????}其中var text=con[i].getAttribute(title);
改為var text=con[i].title;
也是一樣能操作的，求解里面的內(nèi)涵區(qū)別。是否是con[i].title;是con[i].getAttribute(title);的簡寫。還是說兩者的底層實現(xiàn)是不一樣的。
2016-06-03
"con[i].title只能獲取HTML元素中現(xiàn)有的屬性
而con[i].getAttribute("title")不僅可以獲取HTML元素中現(xiàn)在的屬性，還可以獲取非HTML元素也就是自定義的。
你可以試著把li元素中的某個title改為title1，使用con[i].getAttribute("title")，會發(fā)現(xiàn)結果只能顯示title1的屬性值，而title屬性的值不會顯示。"
2017-03-09
第一種是DOM Core方法來獲取屬性，你說的那種屬于HTML -DOM方法，兩種同樣可以獲取和設置元素的屬性，后一種代碼相對簡單
2016-07-17
采納的那個回答應該不好理解吧。你把if(text !== null)先注釋掉，
<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>?? ... var?con=document.getElementsByTagName("li"); ????for?(var?i=0;?i<?con.length;i++){ ??????var?text?=?con[i].getAttribute("title");//text獲取的是title的key值 ??????var?text1?=?con[i].title;//text1獲取的是title本身 ??????document.write(text+"<br>")//會得到第1個li?null?第3個li?第4個li?null（有換行） ??????document.write(text1+"<br>")//會得到第1個li?空行（什么都不顯示）第個li?第4個li??空行（什么都不顯示）（有換行） ????}注意看我代碼里注釋的文本。還是寫在外邊吧：
text結果：
第1個li
null
第3個li
第4個li
null
text1結果：
第1個li
第3個li
第4個li
（這里其實還有個空行）
這樣應該就理解了吧 :)