用javascript遍历<p>标签下的文本框

Question

有如下代码

     <p id="p1">
          <input type="text" id="t1" />
          <input type="text" id="t2" />
          <input type="text" id="t3" />
          <input type="text" id="t4" />
          <input type="text" id="t5" />
          <input type="button" id="b1" />
      </p>
      <p id="p2">
          <input type="text" id="t6" />
          <input type="text" id="t7" />
          <input type="text" id="t8" />
          <input type="text" id="t9" />
          <input type="text" id="t10" />
          <input type="button" id="b2" />
      </p>

如何遍历某一个<p>标签下的所有type=“text”的input标签（用javascript）

Answer 1

拿p1举例 var p1 = document.getElementById("p1");var pChlid = p1.childNodes;var len = pChlid.length;for (var i=0; i<len; i++) {    var now = pChlid[i];    if (now.nodeType == 1 && now.nodeName.toLowerCase() == "input" && now.type.toLowerCase() == "text") {        //do...      }}

Answer 2

现在jquery多方便啊。

Answer 3

就是不想用jquery

Answer 4

那你就自己循环document吧！