How to download div contents using javascript or jquery?

Question

Is there a way to download a div tag content using javascript or jquery into a word document?

Answer 1

You can try this :(you can pass the parameter of mime type as you want in the function)

function downloadDiv(filename, elementId, mimeType) {
    var elementHtml = document.getElementById(elementId).innerHTML;
    var link = document.createElement('a');
    mimeType = mimeType || 'text/plain';

    link.setAttribute('download', filename);
    link.setAttribute('href', 'data:' + mimeType  +  ';charset=utf-8,' + encodeURIComponent(elementHtml));
    link.click(); 
}

var fileName =  'divContents.html';

HTML

<div id="divContent">
    <span>Some html text here</span>
</div>

<a href="#" id="downloadButton">Download the html</a>


$('#downloadButton').click(function(){
    downloadDiv(fileName, 'divContent','text/html');
});

Answer 2

I believe you should go for a server-side scripting language. In PHP, you could use the following header:

header("Content-type: application/vnd.ms-word");
header("Content-Disposition: attachment;Filename=document_name.doc");

Detailed example