页面中只打印某一条记录，其他的都隐藏-优快云博客

本文介绍了一种使用JavaScript和CSS结合的方式实现网页中特定元素的打印功能。通过动态修改元素的显示状态并利用打印预览样式，可以使得指定的内容在打印时可见而其他不需要的内容隐藏。该方法适用于需要提供按需打印服务的网站。

<html>
<head>
<title>my</title>
<style>
@media print {
	#t1, input {display:none;}
	div {display:none;}
	div.s1 {display:block;}
}

</style>
<script>
function $(sid) {
	return document.getElementById(sid);
}
var dP = function() {
	var lastObj = null;
	var setClass = function (obj, className) {
		obj.setAttribute("className", className);
		delete obj;
	};
	var print = function(id) {
		var obj = $("s" + id);
		setClass(obj, "s1");	

		if(!!lastObj) {
			setClass($("s" + lastObj), "");
		} 
		lastObj = id;
	}; 
	return {print:print};
}();
</script>
</head>
<body>
<table id="t1">
	<tr><td>wwwwwwwwwww</td></tr>
</table>
<table>
	<tr>
		<td>
<div id="s1">w1 <input type="button" onclick="dP.print(1);" value="print" /></div>
		</td>
	</tr>
	<tr>
		<td>
<div id="s2">we2 <input type="button" onclick="dP.print(2);" value="print" /></div>
		</td>
	</tr>
	<tr>
		<td>
<div id="s3">werw3 <input type="button" onclick="dP.print(3);" value="print" /></div>
		</td>
	</tr>
	<tr>
		<td>
<div id="s4">werwer4  <input type="button" onclick="dP.print(4);" value="print" /></div>
		</td>
	</tr>
</table>
</body>