陽火鍋
2018-01-03 16:42:15
<!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");? ? var can = con.getAttribute("title");? ?alert(can);?</script>?</body></html>
4 回答

千秋此意
TA貢獻158條經(jīng)驗 獲得超188個贊
還能說出個什么所以然來……
錯誤就是你的con變量獲取的是一組元素,一個HTMLCollection對象,哪兒來的getAttribute方法……
已采納

qq_殺意隆_0
TA貢獻93條經(jīng)驗 獲得超29個贊
??var?con?=?document.getElementsByTagName("li")[0]; ??//?或 ??var?con?=?document.getElementsByTagName("li")[2]; ??//?或 ??var?con?=?document.getElementsByTagName("li")[3];
就可以了。
document.getElementsByTagName("li")
獲得的是5個li元素的集合,是一個類數(shù)組對象。這個集合不能直接運用getAttribute方法。要通過索引取得里面的元素,如
document.getElementsByTagName("li")[0]
表示取得第一個li元素。元素就可以用getAttribute方法。如:
document.getElementsByTagName("li")[0].getAttribute('title');?//返回?"第1個li"
document.getElementsByTagName("li")[1].getAttribute('title');?//返回?""
document.getElementsByTagName("li")[2].getAttribute('title');?//返回?"第3個li"

JH鷹
TA貢獻14條經(jīng)驗 獲得超1個贊
是的 ?你獲取的是 ?li 的集合 ?5個li你全獲取了 getAttribute 獲取屬性只會獲取一個li的屬性,如果你給電腦一個集合電腦無法識別肯定說, ?哎呀!哥們你給的不是一個函數(shù),我不認識
? ? var con = document.getElementsByTagName("li");
? ? var can = con[0].getAttribute("title");
? ? ? console.log(can);
你按我修改的試試 ,設(shè)置也是一樣,要給的明確;認可就給個 ?贊ok
添加回答
舉報
0/150
提交
取消