为什么我不能使用getElementsByTagName（）获得多个输入值？

Question

我正在尝试使用TagName进入一组输入值，并且仅将偶数编号的存储在具有位置的表中。似乎有错误。

function call() {
  var v = document.getElementsByTagName('input');
  var s = '<table border = 1><tr><td>position<td>value</tr>';
  for (var i = 0; i <= v.length; i++) {

    var p = v[i].value;
    console.log(p);

    if (p % 2 === 0) {

      s += '<tr><td>' + i + '<td>' + p + '</tr>';
    }
  }
  s += '</table>'
  document.getElementById('result').innerHTML = s;
}

<p>elm 1 : <input type="texte" name="" value="10"></p>
<p>elm 2 : <input type="texte" name="" value="12"></p>
<p>elm 3 : <input type="texte" name="" value="10"></p>
<p>elm 4 : <input type="texte" name="" value="12"></p>
<button onclick="call()">calculat</button>
<hr>
<p id="result"></p>

jsBin for my code