<span>
<tr th:each="p:${data}">
<td th:text="${p.id}" id="aaa"></td>
<td bgcolor="#ffff44">
<input type="submit" value="https://bbs.csdn.net/topics/2" id="2" onclick="updata(2,document.getElementById('aaa').innerText)">
<input type="submit" value="https://bbs.csdn.net/topics/3" onclick="updata(3,document.getElementById('aaa').innerText)">
</td>
</tr>
</span>
我是想每點擊一次onclock獲取到當前回圈中的p.id的值,但只能獲取到第一個p.id的值,后面獲取的都不會發生變化。
就比如我在第一個框點擊,能取到2299431,第二個框想取到2299432的值,但還是取到2299431。
uj5u.com熱心網友回復:
html中id屬性是節點的唯一標識,不允許出現重復的id,你這回圈,明顯每行第一列的id都是aaa,用getelementbyid就只會取匹配到的第一個節點。你這可以試下
<table>
<tr th:each="p:${data}">
<td th:text="${p.id}" class="aaa"></td>
<td bgcolor="#ffff44">
<input type="button" value="https://bbs.csdn.net/topics/2" onclick="updata()">
<input type="button" value="https://bbs.csdn.net/topics/3" onclick="updata()">
</td>
</tr>
</table>
function updata(e){
var e = window.event || arguments.callee.caller.arguments[0];
e.target.closest('tr').querySelector('.aaa').innerText = e.target.value
}
uj5u.com熱心網友回復:
另外,我試了下,應該不能在span標簽內寫tr塊元素的吧,頁面DOM節點決議會有問題。
轉載請註明出處,本文鏈接:https://www.uj5u.com/qianduan/260826.html
標籤:HTML5
