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=""; //清空文本框的內(nèi)容
}
}
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")//和上面的一樣，控件的類型和所要做的操作可根據(jù)需要填寫
{
inputs[i].value="";
}
}
}
獲取父容器對象
<div >
<input type="button" value="獲取父容器對象" onclick="CheckBoxAll(this)"/>
</div>
function CheckBoxAll(e){
//parentNode 是獲取上級屬性
var obj = e.parentNode.parentNode.parentNode.getElementsByTagName("*");}
相關(guān)文章
今天小編就為大家分享一篇layui table 表格模板按鈕的實例代碼，具有很好的參考價值，希望對大家有所幫助。一起跟隨小編過來看看吧2019-09-09
JavaScript實現(xiàn)的DOM樹遍歷方法詳解【二叉DOM樹、多叉DOM樹】
這篇文章主要介紹了JavaScript實現(xiàn)的DOM樹遍歷方法,結(jié)合實例形式詳細分析了二叉DOM樹、多叉DOM樹的前序、中序與后序遍歷,以及多叉樹深度優(yōu)先、廣度優(yōu)先等相關(guān)遍歷操作實現(xiàn)技巧,需要的朋友可以參考下2018-05-05
這篇文章主要為大家詳細介紹了JS DOM實現(xiàn)鼠標滑動圖片效果，只要將鼠標放上該商品的區(qū)域，原本折疊起來的商品便會自動展開，感興趣的小伙伴們可以參考一下2016-03-03
這篇文章主要為大家詳細介紹了javascript前端實現(xiàn)多視頻上傳，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2020-12-12
在實際工作中經(jīng)常會遇見把秒數(shù)轉(zhuǎn)化為時分秒的問題,如何處理呢?下面這篇文章主要給大家介紹了關(guān)于JS如何將秒數(shù)轉(zhuǎn)化為時分秒形式的相關(guān)資料,文中通過代碼介紹的非常詳細,需要的朋友可以參考下2023-12-12
在程序設計中有很多實用的設計模式，而其中大部分語言的實現(xiàn)都是基于“類”。在程序設計中有很多實用的設計模式，而其中大部分語言的實現(xiàn)都是基于“類”。，本文將總結(jié)了JavaScript中常見的十五種設計模式，感興趣的朋友可以參考下2023-05-05
JavaScript實現(xiàn)無窮滾動加載數(shù)據(jù)
這篇文章主要為大家詳細介紹了JavaScript實現(xiàn)無窮滾動加載數(shù)據(jù)，具有一定的參考價值，感興趣的小伙伴們可以參考一下2017-05-05
這篇文章主要介紹了js實現(xiàn)的彩色方塊飛舞奇幻效果,涉及JavaScript響應鼠標事件動態(tài)操作頁面元素樣式的相關(guān)技巧,需要的朋友可以參考下2016-01-01
本篇文章主要介紹了詳解webpack提取第三方庫的正確姿勢，常用的提取第三方庫的方法有兩種，本文詳細的介紹了這兩種方法，有興趣的可以了解一下2017-12-12
這篇文章主要為大家詳細介紹了微信小程序?qū)崿F(xiàn)文字滾動，文中示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-03-03