Question

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

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

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

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/

Answer 2

而不是childNodes，请使用children。

el.children[0].title

这是因为大多数浏览器会将节点（换行符，制表符等）之间的空格视为DOM文本节点，因此第一个节点可能就是该文本节点。

你也可以这样做......

el.firstElementChild.title

......虽然我认为.children有更广泛的支持。

获得元素的孩子的标题

2 个答案: