print(alert)className of link javascript?

时间:2013-12-20 08:31:28

标签: javascript html css html5

当我点击该链接时如何“打印”并提醒链接的类名?

(只是部分代码)

HTML

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

javascript

    function more()
{
window.alert(document.getElementById("more").getElementsByTagName("a").className);
}
我做错了什么?因为这不起作用。

提前致谢(:

3 个答案:

答案 0 :(得分:1)

getElementsByTagName将返回一个数组

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

className属性可用于该数组中的项目。

答案 1 :(得分:1)

getElementsByTagName将返回NodeList访问[0]元素以获取名称 试试这个

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

DEMO

答案 2 :(得分:1)

getElementsByTagName()返回一个(Node)元素列表,即使只有一个匹配项也不匹配项。所以使用以下内容:

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

以下是工作演示:http://jsfiddle.net/dhpx9/