有如下代码
<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)
拿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...
}
}
现在jquery多方便啊。
就是不想用jquery
那你就自己循环document吧!
function count() {
var os = document.getElementById("pTest");
var str = "";
for (i = 0; i < os.children.length - 1; i++) {
str += os.children(i).id;
}
alert(str);
}