javascript - 如何在鼠标悬停时显示所有 div 的内部图像标题？

Question

我有一个包含图像的 div，我想在鼠标悬停时显示所有内部图像的标题。

所以，我有这样的东西:

<div id=MyDiv onmouseover="highlight(this);">

还有我的javascript:

function highlight(element) {     

        for (var i = 0; i < element.children.length; i++) {
            if (element.children[i].tagName == "IMG")
                element.children[i].title.show();
        }
    }

但我得到的只是一条消息 - 对象“X”没有方法显示。

Answer 1

您正在使用纯 JavaScript。 title 是一个字符串，正如消息所说，它没有方法 show。

如果您想做的是在弹出窗口中提醒所有标题，您可以这样做:

function highlight(element) {     

        for (var i = 0; i < element.children.length; i++) {
            if (element.children[i].tagName == "IMG")
                alert(element.children[i].title);
        }
    }

另一方面，如果你想在你的页面上显示它们，你需要这样的东西:

function highlight(element) {     
        var outputelement = document.getElementById("idofsomeelementyouhaveonyourpage");
        for (var i = 0; i < element.children.length; i++) {
            if (element.children[i].tagName == "IMG")
                outputelement.innerHTML += element.children[i].title;
        }
    }

当然，对于第二种方法，您还需要一个隐藏标题的 onmouseout 处理程序。