document.getElementsByClassName('word')[0] .click()适用于h3,但不适用于div

时间:2016-08-23 06:47:46

标签: javascript

document.getElementsByClassName('word')[0].click()不适用于div内的类吗?

我正在使用此Javascript代码单击具有包含“单词”的类的元素。这适用于页面中的h3元素,但现在我也需要在页面中使用div元素。我似乎无法让它发挥作用。

h3的工作javascript:

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

更新:显然我不能在div元素上使用.click()。作为一个孩子,有一个em元素将div作为parrent。我需要在click em上添加代码()。

3 个答案:

答案 0 :(得分:0)

document.getElementsByClassName()不进行部分类匹配,必须存在确切的类。

通过执行document.getElementsByClassName('word')[0],您只能获得第一个结果。 在浏览器的控制台中,document.getElementsByClassName('word')是否会返回包含h3,div等的数组? 如果是这样,你应该循环结果,而不是只使用第一个结果。

答案 1 :(得分:0)

在当前窗口上下文中,您可以使用

var classNameArr = window.document.getElementsByClassName('classname');

愿这对你有帮助!

答案 2 :(得分:0)

也许问题不在于你的div.click(),它可以正常工作如下, https://jsfiddle.net/roolearngear/og7yxbyf/1/

for (var i = 0; i < 3; i++){
document.getElementsByClassName("word")[i].click();
} 

您的代码如何具体运作?