尝试通过 Javascript 添加虚假的点击 ul li 项目

Trying to add fake click ul li item via Javascript

提问人:Shanu Garg 提问时间:5/14/2021 最后编辑:Brian Tompsett - 汤莱恩Shanu Garg 更新时间:5/14/2021 访问量:117

问:

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

我有一个 ul li 列表项:

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

我想要具有 id 的列表项的 Ul 将自动或自行单击。ManageSuppliersNew

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

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

我收到错误:

“JavaScript 运行时错误:对象不支持属性或方法'click'”

有人可以告诉我如何在已经加载所有列表项的 .cshtml 页面上的客户端进行虚假单击。

JavaScript jQuery 事件处理 dom-events 客户端

评论

0赞 Shanu Garg 5/14/2021
如果您能回答相同的问题,而不是编辑问题教授,@I将非常高兴。

答:

1赞 Rory McCrossan 5/14/2021 #1

问题是由于您在 的参数中使用了选择器而未定义。itemidgetElementsByClassName

您应该与 id 值(减去前缀)或(前缀)一起使用。以下任一示例都适合您:getElementById()#querySelector()#

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

评论

0赞 Shanu Garg 5/14/2021
嘿,我也试过了..它即将出现 null 和 # 或不带#
0赞 pullidea-dev 5/14/2021 #2

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

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

评论

0赞 Rory McCrossan 5/14/2021
仅供参考,它是,否和小写,参数中不应该有 a。getElementByIdsd#