js 怎么删除某个div里面table除了最后一个td 其它都删除

例如<divclass="test"><tablewidth="200"border="0"><tr><td>xx</td><td>xx</td><td>xxx</td>... 例如
<div class="test">
<table width="200" border="0">
<tr>
<td>xx</td>
<td>xx</td>
<td>xxx</td>
<td>4</td>
</tr>
</table>
<div>1111</div>

</div>
删除后：

<div class="test">
<table width="200" border="0">
<tr>
<td>4</td>
</tr>
</table>
<div>1111</div>
</div>
写错了抱歉不是删除是随便替换成个div 展开

 我来答

2个回答

#合辑# 面试问优缺点怎么回答最加分？

匿名用户
推荐于2017-09-05

展开全部

<!DOCTYPE HTML>
<html>
<head>
<meta charset="UTF-8" />
<title>last.html</title>
<style>
div {
	border: 5px solid black;
}
</style>
<script type="text/javascript">
	onload = function ()
    {
	    var table = div.getElementsByTagName ('table')[0];
	    var tbody = table.tBodies[0];
	    var row = tbody.rows[0], cells = row.cells;
	    while (cells.length != 1)
	    {
		    row.deleteCell (0);
	    }
    }
</script>
</head>
<body>
	<div id="div" class="test">
		<table width="200" border="0">
			<tr>
				<td>xx</td>
				<td>xx</td>
				<td>xxx</td>
				<td>4</td>
			</tr>
		</table>
		<div>1111</div>
	</div>
</body>
</html>

更多追问追答
追问

谢谢哈 我是想把
xx
xx
xxx 这三个换成ssss 另外，test这个class属性 用不到？
追答

onload = function ()
    {
	    var table = div.getElementsByTagName ('table')[0];
	    var tbody = table.tBodies[0];
	    var row = tbody.rows[0], cells = row.cells;
	    for ( var i = 0; i < cells.length - 1; i++)
	    {
		    var cell = cells[i];
		    var odiv = document.createElement ('div');
		    odiv.innerHTML = 'ssss';
		    cell.removeChild (cell.firstChild);
		    cell.appendChild (odiv);
	    }
    }
    
    
    // test 的那个class么？？这个getElementsByClassName??这个方法不兼容，不用
追问

我页面有好多类似的div table  只能通过class去找它下面的table
追答

var table = document.querySelector('div.test').querySelector('table');

看看这个，不过也有兼容性问题，没有办法的话，那就写个方法就跟jquery那样保证所有的都兼容，把最不兼容的方法写到最前面看能否获取，最后再循环，判断className是否为这个，然后就找到break就可以了

var table = document.querySelector('div.test').querySelector('table');

看看这个，不过也有兼容性问题，没有办法的话，那就写个方法就跟jquery那样保证所有的都兼容，把最不兼容的方法写到最前面看能否获取，最后再循环，判断className是否为这个，然后就找到break就可以了
追问

$('div[class="datagrid-pager pagination"]').each(function()我这样搞的，谢谢了哈
追答

哦，你原来用了jquery啊？？那你还提问说js，还以为你用原生的js呢。搞得我白忙了，早知道，我早就用jquery了。