這是我的表，具有不同的值。當通過 javascript 訪問基于 td id 的值時，它僅返回單個值。<!DOCTYPE html><html><head><meta charset="ISO-8859-1"><title>Insert title here</title></head><body> <table> <tr> <td class="srno"> 1. </td> <td class="check"><input type="checkbox" name="checkbox" value="9"></td> <td class="cname">11534420 </td> <td class="comName" id="9 ">student1 </td> <td scope="col" id="contactno" style="display:none;">123456789</td> <td scope="col" id="stuname" style="display:none;">student1</td> <td class="attendance"><select name="selattend"> <option value="present">Present</option> <option value="absent">Absent</option> </select></td> </tr> <tr> <td class="srno"> 2. </td> <td class="check"><input type="checkbox" name="checkbox" value="10"></td> <td class="cname">14395673 </td> <td class="comName" id="10 ">student2 </td> <td scope="col" id="contactno" style="display:none;">123456780</td> <td scope="col" id="stuname" style="display:none;">student2</td> <td class="attendance"><select name="selattend"> <option value="present">Present</option> <option value="absent">Absent</option> </select></td> </tr> <tr> <td class="srno"> 3. </td> <td class="check"><input type="checkbox" name="checkbox" value="11"></td> <td class="cname">17256926 </td> <td class="comName" id="11 ">student3 </td> <td scope="col" id="contactno" style="display:none;">123456712</td> <td scope="col" id="stuname" style="display:none;">student3</td> <td class="attendance"><select name="selattend"> <option value="present">Present</option> <option value="absent">Absent</option> </select></td> </tr> </table> </body></html>這是我的外部 javascript 代碼是function getvalue(){var contactno=document.getElementById("contactno").innerText; alert(contactno);var stuname=document.getElementById("stuname").innerText; alert(stuname);}它僅返回第一個 td id 值。如何在javascript中獲取所有基于id的td值的數組
1 回答
波斯汪
TA貢獻1811條經驗 獲得超4個贊
getElementById() 方法將始終僅返回第一個找到的 DOM 元素，而不是列表！對于結果中需要多個元素的此類查詢，請使用 querySelectorAll() 方法。
例子：
var elements = document.querySelectorAll('#contactno');
for(i=0; i<elements.length; i++) {
console.log(elements[i].innerText)
}
<!DOCTYPE html>
<html>
<head>
<meta charset="ISO-8859-1">
<title>Insert title here</title>
</head>
<body>
<table>
<tr>
<td class="srno"> 1. </td>
<td class="check"><input type="checkbox" name="checkbox" value="9"></td>
<td class="cname">11534420 </td>
<td class="comName" id="9 ">student1 </td>
<td scope="col" id="contactno" style="display:none;">123456789</td>
<td scope="col" id="stuname" style="display:none;">student1</td>
<td class="attendance"><select name="selattend">
<option value="present">Present</option>
<option value="absent">Absent</option>
</select></td>
</tr>
<tr>
<td class="srno"> 2. </td>
<td class="check"><input type="checkbox" name="checkbox" value="10"></td>
<td class="cname">14395673 </td>
<td class="comName" id="10 ">student2 </td>
<td scope="col" id="contactno" style="display:none;">123456780</td>
<td scope="col" id="stuname" style="display:none;">student2</td>
<td class="attendance"><select name="selattend">
<option value="present">Present</option>
<option value="absent">Absent</option>
</select></td>
</tr>
<tr>
<td class="srno"> 3. </td>
<td class="check"><input type="checkbox" name="checkbox" value="11"></td>
<td class="cname">17256926 </td>
<td class="comName" id="11 ">student3 </td>
<td scope="col" id="contactno" style="display:none;">123456712</td>
<td scope="col" id="stuname" style="display:none;">student3</td>
<td class="attendance"><select name="selattend">
<option value="present">Present</option>
<option value="absent">Absent</option>
</select></td>
</tr>
</table>
</body>
</html>
- 1 回答
- 0 關注
- 143 瀏覽
添加回答
舉報
0/150
提交
取消