javascript - javascriptで入力クラスの値を取得する方法

Question

jQuery は値を取得するのが簡単であることは知っていますが、値を取得するためだけに Javascriptを使用するにはどうすればよいですか?

これは私がしたことです

<input type="text" class="num" /> <a href="#" onclick="alert(document.getElementsByClassName('num').value);"> click </a>

</p>

手伝ってくれてありがとう

Answer 1

document.getElementsByClassName要素の配列を返します。その配列の最初の要素を探しています：

document.getElementsByClassName('num')[0].value;

デモ： http： //jsfiddle.net/2vRCU/1/

Answer 2

そのための最も一般的な方法は、要素に「id」を付けることだと思います。少なくとも、jQueryや他のすべてのJSフレームワークの前にjavascriptを使用していたときに行ったことです。

<input id='mytext' type="text" class="num" />

これを使用してキャプチャします。

document.getElementById('mytext');

したがって、次のようになります。

<a href="#" onclick="alert(document.getElementById('mytext').value);"> click </a>

Answer 3

document.getElementById('mytext').className;