Generate pdf from HTML in div using Javascript

This is my HTML code:

<!DOCTYPE html>
<html>
    <body>
        <p>don't print this to pdf</p>
        <div id="pdf">
            <p><font size="3" color="red">print this to pdf</font></p>
        </div>
    </body>
</html>

I want to print to pdf whatever is found in the div with an id of "pdf". The "pdf" document should then be automatically downloaded with a filename of "foobar.pdf" and I want to submit HTML to jspdf, not text.

Any help would be appreciated.

May 9, 2022 in Java-Script by Kichu
• 19,040 points • 955 views

No answer to this question. Be the first to respond.

Your answer

Your name to display (optional):

Email me at this address if my answer is selected or commented on:

Privacy: Your email address will only be used for sending these notifications.

How can I set focus on an element in an HTML form using JavaScript?

Hi Kartik, try the following script <script> (window.onload = ...READ MORE

answered Sep 24, 2020 in Java-Script by Okugbe
• 280 points • 1,846 views

0 votes

1 answer

How to Store PHP variable with HTML in JavaScript in Laravel Blade Template?

Hello @kartik, The double curly brackets {{ }} will always ...READ MORE

answered Jun 11, 2020 in Java-Script by Niroj
• 82,840 points • 17,292 views

0 votes

1 answer

How to open a URL in a new Tab using JavaScript or jQuery?

Hello @kartik, Use window.open(): var win = window.open('http://edureka.co/', '_blank'); if (win) ...READ MORE

answered Aug 25, 2020 in Java-Script by Niroj
• 82,840 points • 6,208 views

0 votes

1 answer

How to get the file name from a full path using JavaScript?

Hello @kartik, Use this: var filename = fullPath.replace(/^.*[\\\/]/, '') This ...READ MORE

answered Sep 2, 2020 in Java-Script by Niroj
• 82,840 points • 1,367 views

0 votes

1 answer

How can I determine the type of an HTML element in JavaScript?

Hello @kartik, nodeName is the attribute you are looking ...READ MORE

answered Oct 8, 2020 in Java-Script by Niroj
• 82,840 points • 2,337 views

0 votes

1 answer

How to disable HTML button using JavaScript?

Hello @kartik, To disable document.getElementById("btnPlaceOrder").disabled = true; To enable document.getElementById("btnPlaceOrder").disabled ...READ MORE