Question

我在网站上找到了这个html代码，这是一个点击按钮，我想学习如何使用Javascript点击这个按钮。请有人帮我理解如何点击这些按钮。我从过去一小时开始尝试这个。

这是我要点击的按钮：

{{1}}

这不是我的代码。它来自一个网站。

Answer 1

您需要使用结束标记关闭第一个div。以下是带有结束标记的更新代码。

<div class="Button">
    <a href="javascript:void(0)" class="button yellow-btn addToCart trackEvent" rel="Thebutton" data-action="Tap">Tap this button</a>
</div>

<div id="ButtonTwo" class="ButtonTest2">
    <a href="javascript:void(0)"><p class="MeButton" id="ButtonID">Final button test</p></a>
</div>

将a标记括在div中的目的是什么？你不能只使用a吗？

您显示的HTML代码段中没有任何按钮，只有div，a和p

按钮为<button>。

使用您可以使用的当前代码点击它们

<script>
    document.getElementsByClassName("button")[0].click();
    document.getElementsById("ButtonID").click();
</script>

正确，有效且清晰的代码

<!-- What is this button meant to do ? Can you use an actual button or do you HAVE to use a <a> ?
<button id="clickUsingJs" class="button yellow-btn addToCart trackEvent" rel="Thebutton" data-action="Tap">
    Tap this button
</button>
<script>
    document.getElementById("clickUsingJs").click();
</script>

Answer 2

<div class="Button" id="button1" onclick ="call some javascript method">
<a href="javascript:void(0)" class="button yellow-btn addToCart trackEvent" rel="Thebutton" data-action="Tap">Tap this button</a>


<div id="ButtonTwo" class="ButtonTest2" onClick="call some javascript method">
<a href="javascript:void(0)"><p class="MeButton" id="ButtonID">Final button test</p></a></div>

试试这个

如何使用Javascript单击这些按钮？

2 个答案: