javaScript遍历网页中的所有元素控件和父窗口对象
JavaScript作为客户端最好的脚本,是如何遍历网页中的所有页面控件呢?其实方面很简单,那就是使用document.getElementsByTagName,然后用循环依次找出指定控件,有兴趣的就往下 下看。
1、遍历页中所有类型为“text”的控件,当然也可以是input控件或textarea控件:
function findControlAll() { var inputs=document.getElementsByTagName("input"); for(j=0;j<inputs.length;j++) if(inputs[j].type=="text") //将页面所有类型为text的控件找出来,可换成其它控件类型 { inputs[j].value="";//清空文本框的内容 } }
2、遍历指定网页标签或容器中的控件:
function findControl() { //table1指遍历该table中的控件 var inputs = document.getElementById("table1").getElementsByTagName("input"); for(var i=0;i<inputs.length;i++) { if(inputs[i].type=="text")//这里的控件类型也可以修改 { inputs[i].value=""; } } }
3、获取父窗口对象:通过点击按钮CheckBoxAll(this)函数,来演示获取上级属性:
<div ><input type="button" value="获取父容器对象" onclick="CheckBoxAll(this)"/></div> function CheckBoxAll(e){ //parentNode上级属性 var obj =e.parentNode.parentNode.parentNode.getElementsByTagName("*"); }
以上几种类型基本囊括了网页上大部分的遍历控件操作,例子需要理解后变通才能用好JavaScript。
一、推荐使用迅雷或快车等多线程下载软件下载本站资源。
二、未登录会员无法下载,登录后可获得更多便利功能,若未注册,请先注册。
三、如果服务器暂不能下载请稍后重试!总是不能下载,请点我报错 ,谢谢合作!
四、本站大部分资源是网上搜集或私下交流学习之用,任何涉及商业盈利目的均不得使用,否则产生的一切后果将由您自己承担!本站将不对任何资源负法律责任.如果您发现本站有部分资源侵害了您的权益,请速与我们联系,我们将尽快处理.
五、如有其他问题,请加网站设计交流群(点击这里查看交流群 )进行交流。
六、如需转载本站资源,请注明转载来自并附带链接
七、本站部分资源为加密压缩文件,统一解压密码为:www.aizhanzhe.com
大家评论
站长推荐