试图通过Javascript添加假点击ul li项目答案

【问题标题】：Trying to add fake click ul li item via Javascript试图通过Javascript添加假点击ul li项目
【发布时间】：2021-05-13 16:21:29
【问题描述】：

我正在尝试添加一个虚假的点击无序列表列表项。

我有一个 ul li 列表项：

<ul>
<li>@Html.ActionLink("Manage Suppliers New", "SupplierPartialViewNew", "Supplier", null, new { @class = "navLinks", id = "ManageSuppliersNew" })</li>
</ul>

我希望具有 ID ManageSuppliersNew 的列表项的 Ul 会自动或自己点击。

我正在尝试使用此代码，但无法这样做：

 var item = document.getElementsByClassName("#ManageSuppliersNew");
 item.click();

我收到错误：

"JavaScript 运行时错误：对象不支持属性或方法 'click'"

有人可以告诉我如何在 .cshtml 页面上进行虚假点击，该页面已经加载了所有列表项。

【问题讨论】：

@如果你能回答同样的问题而不是编辑问题教授，我会很高兴。

标签： javascript jquery event-handling dom-events client-side

【解决方案1】：

问题是因为您在getElementsByClassName 的参数中使用了id 选择器，导致item 未定义。

您应该使用getElementById() 和id 值（减去# 前缀）或querySelector()（带有# 前缀）。以下任何一个示例都适合您：

var item = document.getElementById('ManageSuppliersNew');
item.click();

var item = document.querySelector('#ManageSuppliersNew');
item.click();

【讨论】：

嘿，我也试过了.. 带 # 或不带 # 的结果为 null

【解决方案2】：

var item = document.getElementById("#ManageSuppliersNew");
 item.click();

“ManageSuppliersNew”是元素的 ID。您必须使用 getElementById 选择器。

【讨论】：

仅供参考，它是getElementById，没有s 和小写d，并且参数中不应该有#。