this.name 在 JavaScript 中返回未定义

Question

我正在尝试为每个

远程创建一个 onclick （以节省打字时间）。

这是 window.onload() 函数：

  window.onload = function() {
    divel = document.getElementsByTagName('div');
    for (var el in divel) {
      divel[el].onmouseover = function() {
        this.style.textDecoration = "underline";
      };
      divel[el].onmouseout = function() {
        this.style.textDecoration = "none";
      };
      divel[el].onclick = function() {
        document.getElementById('game').src = "/games/" + this.name;
      };
    }
  }

每个

的名称是 "flyingsheep" - 该值由 <代码>

。

当我点击

时，iframe "game" 将我带到网页 "/games/undefined"。

Answer 1

这会起作用。问题已得到纠正。

只需使用： this.attributes["name"].value

window.onload = function() { 
        divel = document.getElementsByTagName('div');
        for(var el in divel){
        window.alert(divel[el].name);
            divel[el].onmouseover = function(){ this.style.textDecoration = "underline"; };
            divel[el].onmouseout = function(){ this.style.textDecoration = "none"; };
            divel[el].onclick = function(){document.getElementById('game').src = this.attributes["name"].value;} 
        }
}

Answer 2

很难确定问题是什么，因为我无法访问您的测试用例，所以我看不到任何错误或尝试调整它以使其工作，但有些问题是：

< ;div name="flyingsheep"> 不是传统的，它是无效的。 div 元素没有 name 属性 。

如果当您尝试设置 divel.length.onmouseover 时 JS 抛出错误，我不会感到惊讶 - 不要在数组上使用 for ( foo in bar )像对象一样，使用普通计数器。

我最好的理论是，您拥有比您关心的元素更多的 div 元素，并且单击其中一个（没有 name 属性的元素），可能包含您想要的元素单击）正在触发 JS 函数。

Answer 3

在 jquery 中你可以使用：

$(this).attr("name");