javascript - 获取元素的子元素的标题

Question

我有一个 JavaScript 文件，它打印其中子 img 元素的 title 属性。

换句话说，我在 a 标签内有一个 img 标签。 img 标签内部有一个 title 属性。我想获得该属性。

这是我的 JavaScript 代码。 el 变量是包含 img 元素的 a 元素。

c.innerHTML += x + y + "<h1>" + el.childNodes[0].title +"</h1>" + z;

但是，由于某种原因，el.childNodes[0].title 不起作用。它只返回以下值:

undefined

我也尝试过使用el.firstChild.title，但它仍然返回相同的值。

这是我的 HTML 代码:

<a class="nanobox-img" href="index.html" rel="nanobox-single-override">
    <img src="../../images/testnull.gif" title="This is a NanoBox Demo"/>
</a>

Answer 1

与 jQuery这很简单:

$("a.nanabox-big img").attr("title");

<小时/>

或者作为点击事件:

$(function(){
    $("a.nanobox-img").click(function(e){
        e.preventDefault();
        alert($(this).find("img").attr("title"));            
    });        
});​

http://jsfiddle.net/UNfsp/1/