Sorry, your browser does not support JavaScript!

Have an account?

Don't have account,

Lost your password? Please enter your email address. You will receive a link and will create a new password via email.

1+5 = ? ( 6 )

Have an account?

You must login to ask question.

Need An Account,

You must login to add post.

Need An Account,
Search
Ask A Question

LEARN, SHARE KNOWLEDGE & WORK TOGETHER

Aviance School is one of the largest web solutions platform in India for developers to learn and share​ ​their programming ​knowledge and build their careers.

Ask A Question
Home / Questions / Q 8612
Next
In Process
  • 0
Asked: In: , ,

How to print HTML content on click of a button Or a link?

  • 0

I want to print some HTML content, when the someone clicks on a button.

Html
Share

    0 Answers

    1. <!DOCTYPE html>
      <html>
      <head>
      <title>Print the content of a div</title>
           
          <!-- Script to print the content of a div -->
          <script>
              function printDiv() {
                  var divContents = document.getElementById("avnc").innerHTML;
                  var a = window.open('', '', 'height=600, width=600');
                  a.document.write('<html>');
                  a.document.write('<body > <h1>Div contents are <br>');
                  a.document.write(divContents);
                  a.document.write('</body></html>');
                  a.document.close();
                  a.print();
              }
          </script>
      </head>
       
      <body style="text-align:center;">
           
          <div id="avnc" style="background-color: purple;">
               
              <h2>Avianceschool</h2>
               
              <p>
      Welcome to my website. This content will be print after click on the button.
              </p>
          </div>
           
          <input type="button" value="Print Me" onclick="printDiv()"> 
      </body>
       
      </html>   
      • 0

    Leave an answer