2017-11-20 13 views
0
<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> 

私のスクリプトを使用して、クリックしようとしている「続行」ボタンがあるページの一部の上のHTMLの上にあります。どうすればこの "続行"ボタンをクリックするJavaScriptを書くことができますか?

ですから、このボタンをクリックしようとしています。しかし、私が試したことは何もできません。

私試みた答えは:

function() { 


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

それが動作しないのはなぜ?お願い助けて !

答えて

1

スパンと入力フィールドの両方のIDを「続行」に設定しました。 IDは、単一の要素に対して一意でなければなりません。私は、ブラウザのコンソールでコードを入力すると、それは次返します

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

あなたはスパンを見ることができますが、代わりに、入力の選択ボタンを提出されている要素です。 2つの要素のどちらかを名前を変更して、両方が一意のIDを持ち、スクリプト内でそれを使用するようにする必要があります。

編集:

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

私はページ上のHTMLを変更することはできません - ということ:OPはHTMLが、このJavascriptが使用することができ、一意でないIDの使用を固定するので、代わりに変更することはできません言及固定されています。 –

+0

それ以上のことは得られませんが、selectChildElement関数を使用してスパンを選択し、入力フィールドに移動することができます。 'var goButton = document.getElementById(" continue "); ' ' – Tweek

+0

私は、改行がどこに行くのかはかなり分かりません。私はまだ 'goButton.click();}を最後に置いていますか? –

関連する問題