如何通过javascript获取输入类值

时间:2012-10-19 03:01:12

标签: javascript

我知道jQuery很容易获得价值,但我如何才能使用仅限Javascript 来获取价值?

This is what I did

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

感谢您的帮助

3 个答案:

答案 0 :(得分:7)

document.getElementsByClassName返回一个元素数组。您正在寻找该数组中的第一个元素:

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

演示:http://jsfiddle.net/2vRCU/1/

答案 1 :(得分: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>

答案 2 :(得分:0)

document.getElementById('mytext').className;