javascript - 如何编写 JS 切换代码以在自动展开的视图中打印？

Question

首先，这是页面问题： http ://www.tranzact.com/test/solution_freightfaqs.html

我使用了一个简单的“打印页面”功能（如下）：

<a href="#" onclick="window.print();return false;">Print Page</a>

下面是 toggle.js 脚本：

function toggle(theID) {
if(document.getElementById(theID).style.display=='none' ){
   document.getElementById(theID).style.display = '';}
else{
   document.getElementById(theID).style.display = 'none';}
}

这会导致页面“按原样”打印。也就是说，如果没有展开任何切换，则仅打印出问题。

如何让打印按钮在打印时自动展开所有答案？

感谢提供的任何帮助。谢谢你。

Answer 1

<a href="#" onclick="print_page();return false;">Print Page</a>

<script>
function print_page(){
  var style = document.createElement('style');
  style.innerHTML = '#bodyContent div {display:block !important}';
  document.getElementsByTagName('head')[0].appendChild( style );
  window.print();
}
</script>