1. 爱易网页
  2. JavaSript
  3. 求一简单有关问题~怎么迭代HTML上所有的控件

求一简单有关问题~怎么迭代HTML上所有的控件

日期：2014-05-16　 浏览次数：20393 次

求一简单问题~如何迭代HTML上所有的控件
页面上有很textbox   button
如何迭代这些控件以及判断这些控件是属于button   还是textbox?

<form   name= "form1 ">
<input   type= "button "   name= "button1 "   value= "button1 ">
<input   type= "button "   name= "button2 "   value= "button2 ">
<input   type= "button "   name= "button3 "   value= "button3 ">
<input   type= "text "   name= "text1 ">
<input   type= "text "   name= "text2 ">
<input   type= "text "   name= "text3 ">
</form>

------解决方案--------------------
function getElements()
{
var f = document.getElementsByName( 'form1 ');
for (var i = 0, l = f.length; i < l ; i++ )
{
for (var j = 0, k = f[i].all.length; j < k ;j++ )
{
alert(f[i].all[j].type);
}
}
}
------解决方案--------------------
<html>
<head>
<title> </title>
<script language= "JavaScript ">

window.onload = function()
{
GetNodes(document.body);
}
function GetNodes(parent)
{
var children = parent.children;
for (var i = 0; i < children.length; i++)
{
alert( "Tag Name: " + children[i].tagName +
(children[i].type == undefined ? " " : "\nType: " + children[i].type) +
(children[i].value == undefined ? " " : "\nValue: " + children[i].value));
GetNodes(children[i]);
}
}

</script>
</head>
<body>
<form name= "form1 ">
<input type= "button " name= "button1 " value= "button1 ">
<input type= "button " name= "button2 " value= "button2 ">
<input type= "button " name= "button3 " value= "button3 ">
<input type= "text " name= "text1 ">
<input type= "text " name= "text2 ">
<input type= "text " name= "text3 ">
</form>
<br>
<p> </p>
<button> 按钮 </button>
<ul> <li> rrrewrtqt </li> </ul>
</body>
</html>

相关资料更多>

  1. js惯用验证
  2. javascript学习札记—简单的动态选择收件人/联系人
  3. JSTL 的有关问题(According to TLD or attribute directive in tag file, attribute value do
  4. 用Javascript修正12个常见的浏览器有关问题
  5. 在jsp页面中取出List封装的值的有关问题
  6. 请教jquery的验证控件vanadium的ajax验证服务器那里的返回值是什么样子的 能给个返回值的例子最好了
  7. 怎么在父窗口创建 用iframe里的 对象/实例
  8. JSF 网站集锦
  9. 请大家推荐一个autocomplete和combox结合的控件解决方案