JavaScriptでinputタグの中にあるname属性を取得

Question

初めまして。
今年の新卒PGでJava/Javacriptを使って開発を行っている初心者です。

JavaScriptからJSPの値を取得したいのですが、うまくいかずに困っています。

取りたい値はJSPにある
<input type="hidden" name="type" value=<%= pageCompenType %> form="month_select_form">

という記述部分のname属性です。

JavaScriptで「inputタグ内にあるname属性が”type”のもの」を取得したいと思っています。

このinputタグはformタグやdivタグの中に記述しているのではなく、単に画面の遷移先を
指定する時に送っているものです。

document.getElementsByName("type")でname属性の値がtypeのものを取得できることは
理解できたのですが、そのname="type"というのがinputタグの中にあるものかどうかも判定したいのです。

どのような記述をすれば①name="type"である。②inputタグ内にある。
という条件を満たした値が取得できるでしょうか？

初歩的な質問で恐れ入りますが、ご教授していただけると幸いです。
よろしくお願いいたします。

Answer 1

querySelectorを使ってみては。

var el = document.querySelector('input[name="type"]');

【document.querySelector - Web API インターフェイス | MDN】
https://developer.mozilla.org/ja/docs/Web/API/Document/querySelector

【document.querySelectorAll - Web API インターフェイス | MDN】
https://developer.mozilla.org/ja/docs/Web/API/Document/querySelectorAll

【JavaScript:簡単！便利なセレクタ querySelector と querySelectorAll の使い方 | siro:chro】
http://www.sirochro.com/note/js-queryselector-queryselectorall/

Comments

[Anon_tmr]

ご回答ありがとうございました！
しかもURLまでつけてくださってありがとうございます。
無事に解決しました！

Answer 2

querySelectorAll

CSSのセレクタを指定して、条件に合う要素を取得できます

var elementList = document.querySelectorAll('input[name="type"]');

上記で取れると思います
試していないので、間違っている場合はcssセレクタの指定方法をご自身で調べてください

Comments

[Anon_tmr]

ご回答ありがとうございました！
無事解決しました！