javascript操作表格

最新推荐文章于 2025-12-05 08:37:05 发布

原创最新推荐文章于 2025-12-05 08:37:05 发布 · 606 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#javascript

javascript 专栏收录该内容

1 篇文章

订阅专栏

本文介绍了一种使用JavaScript来操作HTML表格的方法，包括插入行和列、修改单元格内容及删除行等基本操作。通过实际代码示例展示了如何实现这些功能。

更详细的看这里：http://www.nowamagic.net/librarys/veda/detail/456

<!DOCTYPE html>
<html>
<head>
	<title>My First Ajax Script</title>
	<script>
		function fun(){//插入行和列
			var table=document.getElementById('aa');
			_tr = table.insertRow(0);//插入行
			_tr.insertCell(0);//插入列
			_tr.insertCell(0);
			table.rows[3].cells[4].innerHTML = "123";//直接修改某个位置的内容
		}
		function fun2(){//删除行
			var table=document.getElementById("aa");
			_tr = table.deleteRow(0);
		}
	</script>
</head>
<body>
	<a href="#" onclick='fun();'>aaa</a>
	<a href="#" onclick='fun2();'>bbb</a>
	<table id=aa border='1'>
	
	</table>
</body>
</html>