Question

我正在尝试使用以下代码检索元素标题

function highlight(elem) {
    var e = new Array();
    if (elem.style.border == '2px solid blue') {
        elem.style.border = '';
    } else elem.style.border = '2px solid blue';
    e.push(elem.title);
    var x = document.getElementById("test");
    x.innerHTML = e;
}

但它不起作用。我也试过在函数中传递'this.title'并显示它，仍然无法正常工作。现在我只传递'这个'。

有什么想法吗？

Answer 1

查看您在评论中发布的代码：

<a title="<?php echo $url;?>" href="#">
    <img class="photo-img" src="<?php echo $thumb?>" border="2" alt="" width="40" onClick="highlight(this)" />
</a>

我可以看到你传递的img元素没有标题为elem。您实际上想要使用父元素的标题，因为您的img没有标题，但其父级（a）执行：

elem.parentNode.title

Answer 2

使用elem.getAttribute('title')。这是浏览器无关的解决方案。

使用javascript获取元素标题

2 个答案: