js调整table行的上下顺序

最新推荐文章于 2024-06-25 14:54:10 发布

牧马人xxx

最新推荐文章于 2024-06-25 14:54:10 发布

阅读量3.6k

点赞数

分类专栏： web前端控件的验证

本文链接：https://blog.csdn.net/u010078133/article/details/10427891

版权

本文介绍了如何使用JavaScript实现调整HTML表格中行的上下顺序功能，通过具体的代码示例展示了实现这一功能的方法，帮助读者理解并应用到自己的项目中。

摘要由CSDN通过智能技术生成

具体代码：

	<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">
	<html>
	<head>
	<title>Table test</title>
	<style type="text/css">
	<!--
	td { text-align:center;font-size:12px;padding:3px;}
	-->
	</style>
	<script type="text/javascript">
	function buttonMove(type) {
	var table = document.getElementById("table1");
	for (var i = 0; i < table.rows.length; i++) {
	var radio = table.rows[i].cells[0].childNodes
	if (radio[0].checked == true) {
	if (type == "up") {

	moveUp(radio[0]);
	return;
	}
	else if (type=="down"){
	moveDown(radio[0]);
	return;
	}
	}
	}
	}

	</script>
	</head>
	<body>
	<input name="" type="button" value="上移" onclick=" buttonMove('up')" />
	<input name="" type="button" value=