js實(shí)現(xiàn)遍歷含有input的table實(shí)例
更新時(shí)間:2015年12月07日 14:36:02 作者:淳淳剛剛
這篇文章主要介紹了js實(shí)現(xiàn)遍歷含有input的table方法,結(jié)合實(shí)例形式分析了jsp讀取數(shù)據(jù)庫(kù)動(dòng)態(tài)生成table及JavaScript遍歷table的相關(guān)技巧,需要的朋友可以參考下
本文實(shí)例講述了js實(shí)現(xiàn)遍歷含有input的table。分享給大家供大家參考,具體如下:
table 如下:
<table id="groupTable" class="tblist_black"> <% DataTable firstGroupTable = ViewState["firstGroupTable"] as DataTable; if (firstGroupTable != null) { for (int i = 0; i < firstGroupTable.Rows.Count; i ) { %> <tr> <td><div style="width:40px;"><span>一級(jí)</span></div></td> <td><div style="width:40px;"><span> </span></div></td> <td><div style="width:180px;"><span><input type="text" value="<%=firstGroupTable.Rows[i]["GroupName"]%>" /></span></div></td> <td style="display:none"><div style="width:80px;"><span><%=firstGroupTable.Rows[i]["FirstNodeID"]%></span></div></td> <td style="display:none"><div style="width:80px;"><span> </span></div></td> <td><div style="width:60px;"><span><a href="#" onclick="editRow(<%=i%>)">[更新]</a></span></div></td> <td><div style="width:60px;"><span><a href="">[刪除]</a></span></div></td> <td><div style="width:60px;"><span><a href="">[二級(jí)]</a></span></div></td> </tr> <% } } %> </table>
js如下:
function editRow(rowIndex) { alert(window.groupTable.rows.item(rowIndex).cells.item(2).getElementsByTagName_r('input')[0].value); }
希望本文所述對(duì)大家JavaScript程序設(shè)計(jì)有所幫助。
您可能感興趣的文章:
- javascript先序遍歷DOM樹(shù)的方法
- Node.js本地文件操作之文件拷貝與目錄遍歷的方法
- JS遍歷數(shù)組及打印數(shù)組實(shí)例分析
- JSON遍歷方式實(shí)例總結(jié)
- javascript for-in有序遍歷json數(shù)據(jù)并探討各個(gè)瀏覽器差異
- 詳解javascript遍歷方式
- JavaScript中利用各種循環(huán)進(jìn)行遍歷的方式總結(jié)
- JavaScript簡(jiǎn)單遍歷DOM對(duì)象所有屬性的實(shí)現(xiàn)方法
- javascript實(shí)現(xiàn)網(wǎng)頁(yè)子頁(yè)面遍歷回調(diào)的方法(涉及 window.frames、遞歸函數(shù)、函數(shù)上下文)
- JavaScript中循環(huán)遍歷Array與Map的方法小結(jié)
相關(guān)文章
javascript代碼簡(jiǎn)寫(xiě)的幾種常用方式匯總
任何一種編程語(yǔ)言的簡(jiǎn)寫(xiě)小技巧都是為了幫助你寫(xiě)出更簡(jiǎn)潔、更完善的代碼,讓你用更少的編碼實(shí)現(xiàn)你的需求,這篇文章主要給大家介紹了關(guān)于javascript代碼簡(jiǎn)寫(xiě)的幾種常用方式,需要的朋友可以參考下2021-08-08常用的Javascript設(shè)計(jì)模式小結(jié)
javascript設(shè)計(jì)模式有很多種,本文給大家介紹常用的javascript設(shè)計(jì)模式,對(duì)javascript設(shè)計(jì)模式相關(guān)知識(shí)感興趣的朋友一起學(xué)習(xí)吧2015-12-12JavaScript實(shí)現(xiàn)簡(jiǎn)單的計(jì)算器
這篇文章主要為大家詳細(xì)介紹了JavaScript實(shí)現(xiàn)簡(jiǎn)單的計(jì)算器,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2020-01-01JS實(shí)現(xiàn)動(dòng)態(tài)星空背景效果
這篇文章主要為大家詳細(xì)介紹了JS實(shí)現(xiàn)動(dòng)態(tài)星空背景效果,文中示例代碼介紹的非常詳細(xì),具有一定的參考價(jià)值,感興趣的小伙伴們可以參考一下2019-11-11