表格指定行位置插入待复制行

weixin_34176694

于 2016-07-01 11:29:00 发布

阅读量234

点赞数 1

CC 4.0 BY-SA版权

文章标签： java python

原文链接：https://my.oschina.net/xinyuanKong/blog/704031

本文介绍了一个使用JavaScript操作HTML表格元素的具体实例，展示了如何通过getElementById和cloneNode等方法实现表格行的复制，并替换到另一个表格中。注意在操作包含tbody的table时，需要通过tBodies[0]来正确获取tbody。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

2019独角兽企业重金招聘Python工程师标准>>>

<html>
<head><title>表格</title>
</head>
<body>
<table id="table" style="border:1px solid blue;"><tr>
<td><div id='myDivss'><p>p</p></div>
</td></tr>
</table>
	<table> 
	<tr >
			<td>1</td>
			<td>2</td>
			<td>3</td>
			<td>4</td>
		</tr>
		<tr id="tr2">
			<td>5</td>
			<td>6</td>
			<td>7</td>
			<td>8</td>
		</tr>
	</table>
</body>
</html>
<script>
var tr = document.getElementById("tr2");
var newTr = tr.cloneNode(true);
var table = document.getElementById("table").tBodies[0];
var oldTr = table.insertRow(0);
alert("确认复制~~");
table.replaceChild(newTr,oldTr);
</script>

注意table下有tbody的影响，所以获取时加上tBodies[0].

转载于:https://my.oschina.net/xinyuanKong/blog/704031