訪問元素節點屬性的方式，可以直接用“元素.屬性”的方式訪問？
//var text=con[i].title;
? ? var text3=con[i].getAttribute("title");
這兩條語句都能實現將title的內容輸出，他們有何區別呢，如果通過節點可以直接用object.屬性的方式訪問，為什么還需要一個專門的方法來訪問節點的屬性呢
3 回答
舉報
0/150
提交
取消
//var text=con[i].title;
? ? var text3=con[i].getAttribute("title");
這兩條語句都能實現將title的內容輸出，他們有何區別呢，如果通過節點可以直接用object.屬性的方式訪問，為什么還需要一個專門的方法來訪問節點的屬性呢
2019-03-13
舉報
2019-05-17
con[i].getAttribute("title")這個是獲取到title屬性的值。意思就是如果標簽有title屬性，且值存在，那就獲取到。
con[i].title 這個則是獲取到標簽的title，如果沒有title則創建一個值為空串的title；
<!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>"); ??????} ????} ????document.write("<hr>")?; ????for?(var?i=0;i<con.length;i++){ ????var?text=con[i].title; ????if(text!=null){ ????document.write(text+"<br>"); ????} ????} ?</script>? </body> </html>2019-04-16
沒有大的區別，只是有些方法封裝好了，但是getAttribute()適用范圍更廣一點，可以獲取自定義屬性，你可以看看那《DOM啟蒙》里面講的比較詳細
2019-04-06
先記著，都有用。
到后面你就知道了