织梦狗教程 / 编程问答 / 前端问题 / 正文

使用 javascript 保存 div 内容的 HTML 按钮

织梦狗教程前端问题

2022-01-01

HTML button to save div content using javascript(使用 javascript 保存 div 内容的 HTML 按钮)

本文介绍了使用 javascript 保存 div 内容的 HTML 按钮的处理方法，对大家解决问题具有一定的参考价值，需要的朋友们下面随着小编来一起学习吧！

问题描述

我需要使用纯 javascript 保存 div 的内容.我刚刚编辑了一个小提琴，但我无法使它工作:(

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>

下载

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

推荐答案

关闭，你需要innerHTML &也触发点击:

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
}

工作小提琴

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