Javascript 隐藏要在innerHTML之后打印的所有按钮

我不太擅长javascript代码，所以如果有人能帮助我，我将不胜感激

我试图在使用innerHTML后隐藏所有元素“Button”。我目前的代码如下，我不知道如何使它工作

<script>
 function print() {
    var content = document.getElementById('search_result').innerHTML;
    new_page = window.open('about:blank');
    new_page.document.write(content);
    new_page.window.print();
    new_page.window.close();
 }
</script>

函数打印（）{
var content=document.getElementById（'search_result'）.innerHTML；
新建页面=window.open（'about:blank'）；
新页面。文件。书写（内容）；
新建页面.window.print（）；
新建页面。窗口。关闭（）；
}

函数打印（）{
var content=document.getElementById（'search_result'）；
设置按钮显示（内容为“无”）；
新建页面=window.open（'about:blank'）；
新建页面.document.write（content.innerHTML）；
设置按钮显示（内容“”）；
新建页面.window.print（）；
新建页面。窗口。关闭（）；
}
功能设置按钮显示（elm、prop）{
var btns=elm.getElementsByTagName（'button'）；
对于（变量i=0；i

页面上没有任何

按钮

元素。提供完整的代码。根据您的用例，您还可以使用不同的CSS样式表，以打印页面为目标。用于打印机的CSS将有

显示：无用于
按钮
标记。额外的好处是不会弄乱DOM节点，并且在从子窗口返回后必须显示它们。看看这个，然后谈谈这个问题。
<script>
  function print() {
    var content = document.getElementById('search_result');
    setButtonsDisplay(content, 'none');
    new_page = window.open('about:blank');
    new_page.document.write(content.innerHTML);
    setButtonsDisplay(content, '');
    new_page.window.print();
    new_page.window.close();
  }

  function setButtonsDisplay (elm, prop) {
    var btns = elm.getElementsByTagName('button');
    for (var i = 0; i < btns.length; i++) {
      btns[i].style.display = prop;
    }
  }
</script>