首頁 > 開發者 > JavaScript
Javascript遍曆table中的元素範例程式碼，table範例程式碼
例如：
<table id=tb> <tr><th> </th><th> </th><th> </th><th> </th></tr> <tr><td> </td><td> </td><td> </td><td> </td></tr> <tr><td> </td><td> </td><td> </td><td> </td></tr></table>
而在JS中如何遍曆賦值呢？
程式碼
var count=0;for(i=0; i < document.getElementById("tb1").rows.length; i++){ for(j=0; j < document.getElementById("tb1").rows(i).cells.length; j++) { document.all.getElementById("tb1").rows(i).cells(j).innerText = count; count++; }}
看到另一種用dom的方式 （但是自己試沒有試出來，不知是什麼原因）
<table id="mylist"><tr><td>一個和尚有水喝。</td></tr><tr><td>兩個和尚挑水喝。</td></tr><tr><td>三個和尚沒水喝。</td></tr></table><script>var msg=””var mylist=document.getElementByIdx("mylist")for (i=0; i<mylist.childNodes.length; i++){var tr=mylist.childNodes[i];for(j=0;j<tr.childNodes[j].length; j++) {var td=tr.childNodes[j];msg+=td.innerText;}}alert(msg);</script>
<Script>
function result() {
for (var i=0;i<document.a.length;i++ )
{
if (document.a.elements[i].value=="")
{
var j=i+1
alert("第"+j+"個為空白");
document.a.elements[i].focus();
}
}
}
</Script>
<BODY >
<form name="a">
<input type=text size=3 maxlength=4 >
<input type=text size=3 maxlength=4 >
<input type=text size=3 maxlength=4 >
<input type=text size=3 maxlength=4 >
<input type=button value=提交 onClick=result()>
</form>
</BODY>
javascript遍曆表格中的資料，複雜的嵌套
你好，你的問題藉助jQuery來做很簡單。
//遍曆每個表格$("table").each(function(i) { //擷取表格第一行 var $tr = $(this).find("tr").first(); //擷取第一行的第2個td列 var $secondTd = $tr.find("td").eq(1); //擷取目標值 var val = $second.val(); //判讀目標值是否與輸入的值相等,輸入的值用 scanner 表示 if(val == scanner) { //如果相等，返回第一列值 return $seconTd.prev("td").val(); }});
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
