Question

我只想要一些javascript来返回用户正在悬停的按钮元素的标题。我不想使用getElementById(...)因为我正在创建一个无需引用元素但它是ID的函数。这可能吗？

非常感谢:)。

Answer 1

您可以使用this引用当前元素，如下所示：

<input type="button" title="mytitle" onMouseOver='alert(this.title);'>

Working Example

Answer 2

<强>的js

function showTitle(element){
  alert( element.getAttribute('title') );
}

<强> HTML

<a href="#" title="I am the title" onmouseover="showTitle(this)">hover me</a>

演示 http://jsfiddle.net/gaby/WKqMq/

Answer 3

考虑这个HTML：

<input type="button" value="Button 1" />
<input type="button" value="Button 2" />
<input type="button" value="Button 3" />
<input type="button" value="Button 4" />
<input type="button" value="Button 5" />

<div id="txt"></div>

您的JavaScript将适用于当前页面中的任何按钮

$("input[type=button]").bind("hover", function() {
    $("#txt").html($(this).val());
});

您也可以考虑查看LIVE Example

Answer 4

您还可以使用以下方法捕获每个按钮：

var buttons = document.getElementsByTagName("button");

for (var i=0; i < buttons.length; i++)
{ 
  buttons[i].onmouseover = function()
  {
    alert(this.title);
  }
}

示例：http://jsfiddle.net/2LP66/4/

这会在将鼠标悬停在页面上的任何按钮时提醒按钮标题。

onmouseover功能只会在你悬停按钮时运行，但是当然你不必使用警报，你也可以将标题保存在更全局的范围内，并在你想要使用它的地方使用标题

返回正在悬停的按钮标题

4 个答案:

Working Example