Question

谁能稍微详细的解释下下面的这段javascript代码

<script type="text/javascript">
function preview(id) {
document.getElementById("no1").style.display='none';
document.getElementById("no2").style.display='none';
document.getElementById("no3").style.display='none';
document.getElementById("no4").style.display='none';
document.getElementById("no5").style.display='none';
document.getElementById("no6").style.display='none';

var classElements = [],allElements = document.getElementsByTagName('div');//所有div
for (var i=0; i< allElements.length; i++ )
{
if (allElements[i].className == "a" ) {
allElements[i].style.display='none';
}
}

var sprnhtml = document.getElementById(id).innerHTML;
var selfhtml = window.document.body.innerHTML; //获取当前页的html

window.document.body.innerHTML = sprnhtml;
window.print();
window.document.body.innerHTML = selfhtml;
document.getElementById("no1").style.display='block';
document.getElementById("no2").style.display='block';
document.getElementById("no3").style.display='block';
document.getElementById("no4").style.display='block';
document.getElementById("no5").style.display='block';
document.getElementById("no6").style.display='block';
}
</script>
<style type="text/css" media="print">
.noprint{visibility:hidden;}
</style>
谢谢了

Answer 1

<script type="text/javascript">
function preview(id) {
//首先 把no1-6的元素置为不可见
document.getElementById("芹唤no1").style.display='none';
document.getElementById("no2").style.display='none';
document.getElementById("no3").style.display='none';
document.getElementById("no4").style.display='none';
document.getElementById("no5").style.display='none';
document.getElementById("no6").style.display='none';
// 把含有a样式(class="a")的div置为不可见。
var classElements = [],allElements = document.getElementsByTagName('div');//所有div
for (var i=0; i< allElements.length; i++ )
{
if (allElements[i].className == "a" ) {
allElements[i].style.display='none';
}
}
/银裤/ 获取ID为id的元素中的html代码
var sprnhtml = document.getElementById(id).innerHTML;
var selfhtml = window.document.body.innerHTML; //获取当前页的html
// 下边这三句是为了打印sprnhtml ,就是元素ID为id的html；打印完了之后恢复页面原来的样嫌搏凯子。
window.document.body.innerHTML = sprnhtml;
window.print();
window.document.body.innerHTML = selfhtml;
// 把id 为no1-6的元素置为可见
document.getElementById("no1").style.display='block';
document.getElementById("no2").style.display='block';
document.getElementById("no3").style.display='block';
document.getElementById("no4").style.display='block';
document.getElementById("no5").style.display='block';
document.getElementById("no6").style.display='block';
}
</script>
// 自定义一个样式
<style type="text/css" media="print">
.noprint{visibility:hidden;}
</style>