2017-03-06 17 views
0

後に印刷するすべてのボタンを非表示にします。私の現在のコードは以下の通りで、動作させる方法を理解できません。は、私が使用innerHTMLプロパティの後にすべての要素「ボタン」を隠すためにしようとしていること</p> <p>私は感謝私はjavascriptのコードと非常によくないですinnerHTMLの

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

ページ上の任意の 'button'要素なしではありません。完全なコードを提供する。 –

+1

あなたのユースケースに基づいて、印刷するページを対象とする別のCSSスタイルシートを使用することもできます。プリンタに使用されるCSSは 'button'タグに対して' display:none; 'を持ちます。余分なボーナスは、DOMノードを混乱させておらず、子ウィンドウから戻った後にDOMノードを表示する必要があります。この[Smashing Magazineの記事](https://www.smashingmagazine.com/2015/01/designing-for-print-with-css/)と[Mozilla Developer Networkのページ](https://developer.mozilla.org)を参照してください。/ja-jp/docs/Web/CSS/@ページ)を参照してください。 –

答えて

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

これは私のために働いた。ありがとうございました! –

関連する問題

 関連する問題