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

Question

我不太擅长 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>

Answer 1

<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>

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

hide all buttons to print after innerHTML

javascript

printing

innerhtml

hide