페이지에서 한 개의 기록만 인쇄하고 나머지는 모두 숨깁니다

1896 단어 프린트
<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>

좋은 웹페이지 즐겨찾기