2013-12-20 54 views
1

如何在我點擊該鏈接時「打印」aka提醒鏈接的類名?打印(警告)鏈接javascript的類名?

(只是部分代碼)

HTML

<div id="more"><a href="javascript:more();" class="class3">more</a></div> 

的JavaScript

function more() 
{ 
window.alert(document.getElementById("more").getElementsByTagName("a").className); 
} 

我究竟做錯了什麼?因爲這不起作用。

預先感謝(:

回答

1

的getElementsByTagName將返回的數組

function more() 
{ 
    window.alert(document.getElementById("more").getElementsByTagName("a")[0].className); 
} 

className屬性是可用於該陣列內的物品

+2

它返回一個'NodeList',而不是一個數組。 –

+0

對不起,用錯了名詞。主要關心的是它是一個項目清單,所以它應該像那樣對待。 – AbhinavRanjan

1

getElementsByTagName將返回NodeList所以訪問[0]個。要獲取名稱的元素 試試這個

function more() 
{ 
var name = document.getElementById('more').getElementsByTagName('a')[0].className; 
console.log(name); 
alert(name); 
} 

DEMO

+0

請提供解釋,不要只是發佈代碼。 –

1

getElementsByTagName()返回元素(節點)列表,即使只有一個或沒有匹配。因此,使用下列內容:

function more() 
{ 
window.alert(document.getElementById("more").getElementsByTagName("a")[0].className); 
} 

這裏的工作演示:http://jsfiddle.net/dhpx9/