如何使用 javascript 点击 。 没有类或 id答案

【问题标题】：How to click on a using javascript. has no class or id如何使用 javascript 点击 。 没有类或 id
【发布时间】：2015-12-08 00:20:50
【问题描述】：

我想在页面元素加载时单击 ，但我的 span 没有类或 ID。
跨度是

<div class="block-title">
<strong><span>Refine By</span></strong>
</div>

我想要类似的东西

 $('.block-title > span').click();

但这会返回错误

类型错误：$(...) 为空

【问题讨论】：

【解决方案1】：

如果你想触发元素的点击，你可以这样做：

var span= document.querySelector(".block-title span");
var click= new Event('click');
span.dispatchEvent(click);

或者，如果你想要 jQuery(yuck) 版本：

//Creates and dispatches a click event
$('.block-title span').trigger('click');

旧答案

使用纯javascript，可以将元素的onclick设置为函数：

document.querySelector(".block-title span").onclick = fn;
// or like document.querySelector(".block-title span").onclick = function(){};

或者，如果你想使用事件监听器：

var span = document.querySelector(".block-title span");
span.attachEvent('onclick', fn);
span.addEventListener('click', fn, false);

或者，如果你想使用 jQuery(yuck)：

$('.block-title span').click(function() { });

【讨论】：

【解决方案2】：

使用 jQuery API 中的 .trigger(type)

$('.block-title span').trigger('click');

【讨论】：

@Simon，我得到 TypeError: $(...) is null in console
可能是因为当时该元素不存在
元素退出 110%。我已经从源代码复制了代码
在控制台输入 $ 看看你得到了什么，然后输入 $('.block-title') 等等...
我正在尝试 document.getElementsByClassName("block-title").click();给我错误 .click();不是函数。有什么想法吗？

【解决方案3】：

如果您收到以下错误，则表示您的 javascript 存在其他问题：

类型错误：$(...) 为空

我建议做一些研究。我把它复制到谷歌并得到：

【讨论】：