HTML-button, div-Inhalt mit javascript

Brauche ich zum speichern des Inhalts des div mit reinem javascript.
Ich habe gerade bearbeitete eine Geige, aber ich Schaffe es nicht funktioniert 🙁

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");
}

InformationsquelleAutor nosmoke | 2015-04-17

  1. 2

    Schließen, müssen Sie innerHTML & auslösen klicken Sie auf zu:

    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
}

    Arbeiten Geige

    Funktioniert Super! Ich danke dir soooo sehr fr Ihre Hilfe! 🙂 Kann ich ein charset für die Daten?
    Sicher, fügen Sie einfach ;charset= nach dem text/html-bit
    Dies scheint nicht zu funktionieren im IE oder Safari
    Für den IE, sollten Sie sich window.navigator.msSaveBlob. Für Safari, müssen Sie möglicherweise haben die Benutzer klicken Sie auf das element manuell

    InformationsquelleAutor CodingIntrigue

  2. 0

    Ich Stimme mit RGraham. Jedoch, wenn Sie jQuery Sie können es so machen.

    <div id="content">
    <h1>Hello world</h1>
    <i>Hi everybody</i>
</div>
<button class="download">Download</button>

<script src="http://code.jquery.com/jquery-1.11.2.min.js"></script>
<script>
    $('.download').on('click', function(){
       $('<a />').attr({
              download: 'export.html', 
              href: "data:text/html," + $('#content').html() 
       })[0].click()
    });
</script>

    InformationsquelleAutor Faraj Farook

  3. 0

    In jsfiddle, die Sie nicht ausführen können eine javascript-Funktion innerhalb von html-events (z.B. onClick), es sei denn, die javascript enthalten ist, in tags. (nevermind)

    Versuchen Sie dies:

    HTML

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

    JS

    var download_button = document.getElementById('download');
download_button.onclick = download;

function download(){
    var content = document.getElementById('content')
    console.log(content);
}

    aktualisiert jsfiddle

    html-Ereignisse, funktioniert einwandfrei. check jsfiddle.net/evx9stLb
    Seltsam, jedes mal, wenn ich versuche, auf jsfiddle, es erkennt nicht die Funktion
    manchmal jfiddle rendert die Ausgabe falsch. Versuchen, erstellen Sie eine neue jfiddle und fügen Sie den code n versuchen.

    InformationsquelleAutor Walker Boh

Schreibe einen Kommentar