用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吧！