How can I write some javascript to click this "continue" button?

Question

<span id="continue" class="a-button a-button-span12 a-button-primary"><span class="a-button-inner"><input id="continue" tabindex="5" class="a-button-input" type="submit" aria-labelledby="continue-announce"><span id="continue-announce" class="a-button-text" aria-hidden="true">
          Continue
        </span></span></span>

Above the the HTML from part of a page, which has a 'Continue' button that i'm trying to click, using my script.

So, writing in Javascript, i'm trying to click this button. But nothing I have tried works.

My attempted answer is:

function() {


      var goButton = document.getElementById("continue");
     goButton.click();},

Why doesn't it work? Help me, please !

Answer 1

You have set the ID of both the span and the input field to "continue". ID's should be unique for a single element. When I enter your code in the browser's console it returns the following:

> var goButton = document.getElementById("continue");
< undefined
> goButton.valueOf()
< <span id="continue" class="a-button a-button-span12 a-button-primary">

You can see the span is the element being selected instead of the input submit button. You should rename either of the 2 elements so both have a unique ID and use that in your script.

Edit: OP mentioned the HTML can not be changed so instead of fixing the use of a not-unique ID this Javascript can be used:

function() { 
  var continueSpan = document.getElementById("continue"); 
  var goButton = continueSpan.firstElementChild.firstElementChild; 
  goButton.click();}