javascript div 내용 파일로 저장 스크립트 (txt, csv)

자바스크립트에서 특정 div의 콘텐츠를 txt 파일이나 csv 파일 등의 MIME 타입으로 저장해주는 스크립트입니다.

function downloadInnerHtml(elementid, htmllinereplace, filename, mimeType, extension) {
  var elHtml = $(elementid).html();
  if (htmllinereplace) elHtml = elHtml.replace(/\<br\>/gi,'\n');
  var link = document.createElement('a');
  link.setAttribute('download', filename + extension);
  link.setAttribute('href', 'data:' + mimeType  +  ';charset=utf-8,' + encodeURIComponent(elHtml));
  link.click();
}

사용 방법

downloadInnerHtml(‘저장할 div id‘, ‘br 태그 대체여부(true/false)’, ‘저장할 파일명‘, ‘application/[csv/txt…]‘, 저장할 확장자명 (.txt/.csv…)’);