HTML按钮来保存使用javascript的div内容 [英] HTML button to save div content using javascript

问题描述

我需要使用纯JavaScript保存div的内容。
我只是编辑了一个小提琴，但我不能让它工作：（$ / b
$ b

jsfiddle

 < div id =content> 
< h1> Hello world< / h1> 
< i>大家好< / i> 
  

b
下载

 函数下载（）{
 var a = document.body.appendChild （
 document.createElement（a）
）; 
 a.download =export.html; 
 a.href =data：text / html+ document.getElementById（content）; 
} 
  

解决方案

 函数下载（）{
 var a = document.body.appendChild（
 document.createElement（a）
）; 
 a.download =export.html; 
 a.href =data： text / html，+ document.getElementById（content）。innerHTML; //获取HTML 
 a.click（）; //触发元素的点击
} 
  

工作小提琴

I need to save content of div using pure javascript. I just edited one fiddle but I can't make it works :(

jsfiddle

<div id="content">
<h1>Hello world</h1>
<i>Hi everybody</i>

Download

function download(){
    var a = document.body.appendChild(
        document.createElement("a")
    );
    a.download = "export.html";
    a.href = "data:text/html," + document.getElementById("content");
}

解决方案

Close, you need innerHTML & trigger the click too:

function download(){
    var a = document.body.appendChild(
        document.createElement("a")
    );
    a.download = "export.html";
    a.href = "data:text/html," + document.getElementById("content").innerHTML; // Grab the HTML
    a.click(); // Trigger a click on the element
}

Working Fiddle

这篇关于HTML按钮来保存使用javascript的div内容的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！