您如何使用javascript查找并单击网页上的特定按钮？

Question

Basically, I'm trying to write a command-line client-side script (javascript) for purchasing something online automatically.

The problem is that on this particular webpage the button I'm trying to click (add to cart) appears several times in the page (for different products).

I know that:

document.getElementById('addToCart').submit();

will click on addToCart , but since there are several buttons with that same name how can I find and click on the specific button for a certain product?

We can assume that we know the product name in advance and that each addToCart button has a unique id (which I don't know).

Answer 1

您可以自己回答，如果您已经知道产品名称，那么您肯定已经知道它是按钮的ID吗？

document.getElementById('button234').click()

Answer 2

There should never be more than one element on a page by a specific ID. If you need more than one element, use the class attribute.

As SmokeyPHP writes, you can use .click() or .submit() to trigger the click event.

Answer 3

everyone is correct you should only have a single ID but here a little more narative of how you can do this.

So you are saying you have some dynamically generated HTML right? You get a list of products back and you could have a list of buttons that looks like the following.

<input id="productId_233442" class="addToCart" type="button" value="addToCart"></input><br/>
<input id="productId_25AD22" class="addToCart" type="button" value="addToCart"></input><br/>
<input id="productId_1J3422" class="addToCart" type="button" value="addToCart"></input><br/>

For styling purposes you could give them all the same class of addToCart as in the above example.

As for the java script you could have something like this.

$(document).ready(function(){
  $(document).click(function(event){
        alert(event.target.id);
    });
});

I am using JQuery which I would suggest but you can do this in pure JS if you wanted but I can't imagine why you would.

see the following fiddle. http://jsfiddle.net/r0k3t/dRam5/