如何通过dom获取input标签的value

Question

<div id="id1">

<form>
<input class="c1" type="text" name="x1" />
<input class="c2" type="text" nane="x2" />
<input class="c3" type="submit" nane="submit" />
</form>

</div>

代码如上，请问，我如何通过dom获取到c2这个input里面输入的value?（不是classname哦）

Answer 1

document.querySelector('#id1 .c2').value

Answer 2

var value = document.getElementsByClassName("c2")[0].value;

Answer 3

用jQuery，$(“#id”).attr('value');

Answer 4

采用索引～取第二个

Answer 5

直接用jquery,如下

    $('input[name=x2]').val();

Answer 6

document.querySelector('#id1 .c2').value;