DOM remove TABLE tr
1811 단어 J#
function change()
{
//alert(document.getElementById("tab").childNodes.length); length=1
//alert(document.getElementById("tab").lastChild.nodeName); nodeName=TBODY
for(var i=0; i < document.getElementById("tab").childNodes.length;i++)
{
var Ttable = document.getElementById("tab").childNodes[i];
//alert(Ttable.firstChild.nodeName); tr
//alert(Ttable.childNodes.length); 3
for(var j=0;j<Ttable.childNodes.length;j++)
{
var tr = Ttable.childNodes[j+1];
if(tr!=null)
{
Ttable.removeChild(tr);
}
}
}
//alert(document.getElementById("tr1").firstChild.nodeName); nodeName= TD
//alert(document.getElementById("tr1").childNodes.length); length = 2
for(var i=0;i<document.getElementById("tr1").childNodes.length;i++)
{
var tr = (document.getElementById("tr1").childNodes)[i];
document.getElementById("tr1").removeChild(tr);
}
}
<table align="center" border="2" bgcolor="#9fdfd1" id="tab">
<tr>
<td align="center" colspan="2"><input type="button" value="OK" onClick="change();"/></td>
</tr>
<tr>
<td>AAA</td>
<td>BBB</td>
</tr>
<tr id="tr1">
<td>AAA</td>
<td>BBB</td>
</tr>
</table>
이 내용에 흥미가 있습니까?
현재 기사가 여러분의 문제를 해결하지 못하는 경우 AI 엔진은 머신러닝 분석(스마트 모델이 방금 만들어져 부정확한 경우가 있을 수 있음)을 통해 가장 유사한 기사를 추천합니다:
JS 동적 추가 삭제 테이블텍스트를 자유롭게 공유하거나 복사할 수 있습니다.하지만 이 문서의 URL은 참조 URL로 남겨 두십시오.
CC BY-SA 2.5, CC BY-SA 3.0 및 CC BY-SA 4.0에 따라 라이센스가 부여됩니다.
좋은 웹페이지 즐겨찾기
