javascript客户端遍历控件与获取父容器对象示例代码
1，遍历也面中所有的控件
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="";
}
}
}
获取父容器对象
<div >
<input type="button" value="获取父容器对象" onclick="CheckBoxAll(this)"/>
</div>
function CheckBoxAll(e){
//parentNode 是获取上级属性
var obj = e.parentNode.parentNode.parentNode.getElementsByTagName("*");}
相关文章
今天小编就为大家分享一篇layui table 表格模板按钮的实例代码，具有很好的参考价值，希望对大家有所帮助。一起跟随小编过来看看吧2019-09-09
JavaScript实现的DOM树遍历方法详解【二叉DOM树、多叉DOM树】
这篇文章主要介绍了JavaScript实现的DOM树遍历方法,结合实例形式详细分析了二叉DOM树、多叉DOM树的前序、中序与后序遍历,以及多叉树深度优先、广度优先等相关遍历操作实现技巧,需要的朋友可以参考下2018-05-05
这篇文章主要为大家详细介绍了JS DOM实现鼠标滑动图片效果，只要将鼠标放上该商品的区域，原本折叠起来的商品便会自动展开，感兴趣的小伙伴们可以参考一下2016-03-03
这篇文章主要为大家详细介绍了javascript前端实现多视频上传，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2020-12-12
在实际工作中经常会遇见把秒数转化为时分秒的问题,如何处理呢?下面这篇文章主要给大家介绍了关于JS如何将秒数转化为时分秒形式的相关资料,文中通过代码介绍的非常详细,需要的朋友可以参考下2023-12-12
在程序设计中有很多实用的设计模式，而其中大部分语言的实现都是基于“类”。在程序设计中有很多实用的设计模式，而其中大部分语言的实现都是基于“类”。，本文将总结了JavaScript中常见的十五种设计模式，感兴趣的朋友可以参考下2023-05-05
这篇文章主要为大家详细介绍了JavaScript实现无穷滚动加载数据，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2017-05-05
这篇文章主要介绍了js实现的彩色方块飞舞奇幻效果,涉及JavaScript响应鼠标事件动态操作页面元素样式的相关技巧,需要的朋友可以参考下2016-01-01
本篇文章主要介绍了详解webpack提取第三方库的正确姿势，常用的提取第三方库的方法有两种，本文详细的介绍了这两种方法，有兴趣的可以了解一下2017-12-12
这篇文章主要为大家详细介绍了微信小程序实现文字滚动，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下2021-03-03
最新评论