2017-10-26 16 views
0

HTMLの内容を印刷したいと思います。このために私は関数を作成しました。この関数では、divというIDを渡しました。しかし、次のメッセージが表示されます。未解決の関数またはメソッドJavaScript yii2

enter image description here

document.ready私はNodeJS and NPMを有効にしようとしていUnused function printDev

機能

function printDiv(divName) { 
    var printContents = document.getElementById(divName).innerHTML; 
    var originalContents = document.body.innerHTML; 
    document.body.innerHTML = printContents; 
    window.print(); 
    document.body.innerHTML = originalContents; 
} 

そして、ここで私が取得していますエラーが、依然として不使用の下javascriptですマイ

すべてのヘルプはなり高く評価される。

+0

document.ready(関数(){関数printDiv ??? ... –

答えて

1

私はJavaScriptを使用して、別の関数の内部でprintDiv機能を定義した場合、それはあなたのonclickのHTMLパラメータに表示されていないdocument.ready機能の下

です。

あなたはグローバル関数として定義するか、またはあなたのdocument.ready関数内で、あなたの要素にイベントリスナーを追加することができ、次のいずれか

function printDiv(divName) { 
 
     var printContents = document.getElementById(divName).innerHTML; 
 
     var originalContents = document.body.innerHTML; 
 
     document.body.innerHTML = printContents; 
 
     window.print(); 
 
     document.body.innerHTML = originalContents; 
 
} 
 

 
$(document).ready(function() { 
 
    document.getElementById("printButton").addEventListener("click", function() { 
 
     printDiv('print'); 
 
    }); 
 
});
<!DOCTYPE html> 
 
<html lang="en"> 
 
<head> 
 
    <script src="https://code.jquery.com/jquery-2.2.4.js"></script> 
 
</head> 
 
<body> 
 
    <input type="button" id="printButton" value="Print PDF"></input> 
 
    <div id="print"></div> 
 
</body> 
 
</html>

+0

はい、今動作しています – faisal1208

関連する問題