链接元素上的 click() 返回 TypeError ...为什么？

Question

我试图弄清楚为什么在 标记元素上执行 click() 函数会返回“undefined_method”的 TypeError。例如，请访问此页面：http://http://www. google.com/#&q=test 。现在，此页面上的每个搜索结果都有一个类名称“l”，因此如果我要求：

document.getElementsByClassName('l')

我会得到所有搜索结果 标记的列表。从逻辑上讲，按如下方式索引该数组会为我提供一个特定的 标记：

document.getElementsByClassName('l')[0]

但是，如果我想单击该链接怎么办？我希望以下内容能够工作

document.getElementsByClassName('l')[0].click()

，但是我得到了 TypeError 'undefined_method'。

为什么？我该如何激活这个链接？

谢谢

Answer 1

如果要将点击事件分派到 DOM 中，则必须使用 W3C DOM dispatchEvent 方法href="http://msdn.microsoft.com/en-us/library/ms536423%28v=VS.85%29.aspx" rel="nofollow">fireEvent 方法供其他人使用。某些浏览器可能两者都不支持。

如果您想处理 HTML5 浏览器，那么您可以调用元素的 click 方法，但是您必须首先测试支持，如果浏览器没有响应，请不要感到惊讶。大多数人认为以编程方式触发元素侦听器/处理程序是一件坏事。

在这种情况下，最好的方法可能是像 Zhehao Maoto 所说的那样，将 window.location 属性设置为 A 元素的 href，或者只是让用户单击他们想要的链接，然后让 HTML 完成它的工作。

编辑

测试表明 IE 支持 A 元素上的单击，以便触发单击处理程序并跟踪链接（如果处理程序不返回 false）。在 Firefox 中，将调用处理程序，但不会跟踪链接。

在 Chrome 中，A 元素不执行任何操作，但按钮会做出响应。 Opera 触发 A 的点击处理程序并跟踪链接。所以最重要的是，支持非常零散（并不令人意外）。

例如

<!-- Call click() on link to Google -->
<a href="#" onclick="
  var el = document.getElementById('a0');
  if ('click' in el) {
    alert('found click\n' + el.click);
    el.click();
  }">Click link</a>

<!-- Call click on button with onclick handler -->
<a href="#" onclick="
  var el = document.getElementById('b0');
  if ('click' in el) {
    alert('found click\n' + el.click);
    el.click();
  }">Click button</a>

<a href="http://www.google.com" id="a0">Google</a>

<button onclick="alert('click!!');" id="b0">button</button>

Answer 2

该错误意味着 javascript 锚点对象没有“click()”方法。如果您想以编程方式跟踪链接，最简单的方法就是这样。

window.location = a.href; // assuming a is an anchor object

这将获取链接的 url（href 属性）并通过设置 window.location 将浏览器重定向到该位置。

Answer 3

除非将操作绑定到 onclick 事件，否则在链接上调用 .click() 方法（我相信）不会产生任何效果。
您想要类似的内容：

document.getElementsByClassName('l')[0].onclick();

如果您尝试执行的操作是跟随链接，而不是激活onclick操作，请执行以下操作：

window.location.href = document.getElementsByClassName('l')[0].getAttribute('href');