HTMLからボタンを取得してクリックしたい

Question

###実現したいこと

<INPUT TYPE="SUBMIT" NAME="LOGIN" VALUE="ログイン">

を取得してクリックさせたいのですが，ボタンの情報を取得できません

###HTML
不要な部分は削除しています

<FORM NAME="LOGIN" ACTION="#" METHOD="POST"TARGET="_parent">
 <TABLE BORDER="0" CELLSPACING="0" WIDTH="100%" CELLPADDING="1">
  <TR>
   <TD VALIGN="TOP" ALIGN="RIGHT" NOWRAP>
    <TABLE BORDER="0" CELLPADDING="0" CELLSPACING="0" BGCOLOR="#990000">
     <TR>
      <TD>
       <TABLE BORDER="0" CELLSPACING="1" CELLPADDING="1" WIDTH="100%">
        <TR>
         <TD ALIGN="RIGHT" BGCOLOR="#FFFFFF">
          <TABLE BORDER="0" CELLSPACING="0" CELLPADDING="0">
           <TR>
            <TD VALIGN="BOTTOM">
             <INPUT TYPE="SUBMIT" NAME="LOGIN" VALUE="ログイン">
            </TD>
           </TR>
          </TABLE>
         </TD>
        </TR>     
       </TABLE>
      </TD>
     </TR>
    </TABLE>
   </TD>
  </TR>
 </TABLE>     
</FORM>

###試したこと

document.getElementsByName('LOGIN');

と書いても取得できませんでした．テーブルから取得していく必要があるのでしょうか？

わかる方教えてください

Answer 1

こうしてみてください

window.addEventListener('DOMContentLoaded', function(e){
  document.querySelector('[name=LOGIN]').addEventListener('click',function(e){
    e.preventDefault();
    alert("submit!")
  });
});

追記

ロード時にサブミットする

window.addEventListener('DOMContentLoaded', function(e){
  document.querySelector('[name=LOGIN]').click();
});

Comments

[yambejp]

よくみるとクリックさせたいののですね。
クリックさせるためのトリガーはなんですか？
クリックさせるためにクリックがトリガーってのも変な話ですね？
ロード時で良いのでしょうか？

[sera]

はい．ページを開いたと同時に押してほしいです．

[yambejp]

追記しておきました

[yambejp]

でも自分自身にsubmitしていると永久ループ仕様ですね？

[sera]

ありがとうございます

申し訳ないんですが，ボタンは押されませんでした...
実行の仕方を間違っているのかもしれません

[yambejp]

しつれいしました
name=SUBMITがformにもついているんですね
こうです。
document.querySelector('input[name=LOGIN]').click();

[sera]

ローカルで実行すると動きました．ありがとうございます

でも，ブックマークレットだと上手くいきません
そのままでは動かないんですか？

Answer 2

ボタンのオブジェクトを取得してもあまり意味が無いかと…
コードでは「submitボタンをクリックする」のではなく
「フォームをsubmitする」ことになると思います。

document.LOGIN.submit();

Comments

[sera]

回答ありがとうございます

javascript:window.open("#", '_blank');document.LOGIN.submit();

というふうにブックマークレットにしてみましたが，上手くいきませんでした...
あるサイトのログインフォームで入力を自動化しているので，ボタンも自動で押せたらなぁと思っています．ブックマークレットではできないのでしょうか？

[sousuke]

突然ブックマークレットの話になりましたね。内容が結構違うので追記したほうがいいと思います。

Answer 3

ブックマークレットを軽く調べましたがこんな感じではダメなんですかね？

javascript:(function(d, i, v) {d[i]("LOGIN").submit();})(document, "getElementByName" ,"value");

訂正

javascript:(function(d, i, v) {d[i]("LOGIN").item(0).submit();})(document, "getElementByName" ,"value");

Comments

[sousuke]

すみません、上気づいてませんでした。name="LOGIN"が2つあるんですね。
documant.getElementsByName(名前)でオブジェクトをとると複数返っていると思います。
document.getElementsByName('LOGIN').item(0)か
document.getElementsByName('LOGIN').item(1)で取れると思います。

[sera]

回答ありがとうございます

オブジェクトの取得もクリックもローカルだとできるんですが，ブックマークレットにしてサイトで試すと上手く行かないんです
ただブックマークレットにするだけではダメなんでしょうか？

[sousuke]

適当なサイトでやってみましたがこれでできました。
<form name="email" action="email" method="POST">のタグ内に
<input type="text" name="email">があります。

javascript:(function(d) {d.email.target="_blank";d.email.submit();})(document);
多分ですがfunctionで囲まないと複数文はできないのでは？

sera氏は先程の文で
javascript:window.open("#", '_blank');document.LOGIN.submit();
このように提示されていたので。

[sera]

sousukeさんのおかげで解決しました
ありがとうございました！