Breaking News: Grepper is joining You.com. Read the official announcement!

javascript html to csv

Sadia Malik answered on September 16, 2022 Popularity 9/10 Helpfulness 2/10

answer javascript html to csv

javascript html to csv

Comment

<script>
function htmlToCSV(html, filename) {
    var data = [];
    var rows = document.querySelectorAll("table tr");
            
    for (var i = 0; i < rows.length; i++) {
        var row = [], cols = rows[i].querySelectorAll("td, th");
                
        for (var j = 0; j < cols.length; j++) {
                row.push(cols[j].innerText);
        }
                
        data.push(row.join(","));       
    }

    downloadCSVFile(data.join("\n"), filename);
}

function downloadCSVFile(csv, filename) {
	var csv_file, download_link;

	csv_file = new Blob([csv], {type: "text/csv"});

	download_link = document.createElement("a");

	download_link.download = filename;

	download_link.href = window.URL.createObjectURL(csv_file);

	download_link.style.display = "none";

	document.body.appendChild(download_link);

	download_link.click();
}

document.getElementById("download-button").addEventListener("click", function () {
	var html = document.querySelector("table").outerHTML;
	htmlToCSV(html, "students.csv");
});
</script>

Popularity 9/10 Helpfulness 2/10 Language javascript

Source: yourblogcoach.com

Tags: csv html javascript

Link to this answer
Share Copy Link

Contributed on Sep 16 2022

Sadia Malik

0 Answers Avg Quality 2/10

javascript html to csv

Contents

More Related Answers

javascript html to csv

Grepper

Documentation

Social

Legal

Contact

Oops, You will need to install Grepper and log-in to perform this action.