So speichern Sie von externem JavaScript-Variablenwert auf HTML-Variablenwert

Question

Ich möchte den Wert der jquery-Variablen in den HTML-Variablenwert speichern.

Hier ist mein Code,

Dies ist die JavaScript-Funktion, die in externen ist nun Javascript Seite

function createImage(settings) { 
    var kk = createCanvas(settings)[0].toDataURL('image/png'); 
    } 

, dann ist dies in HTML-Seite

var karan = kk; 
<img id="containerQrCode" src = "+ karan +" alt="qr image" /> 

Jetzt

, wie kann ich Verschieben Sie den kk-Wert, der in der externen JavaScript-Seite ist, in die Karan-Variable, die in der HTML-Seite enthalten ist.

Dank Im Voraus.

Answer 1

Ich werde vorschlagen, dass Sie mit dem DOM arbeiten. Etwas wie das Folgende, wenn Sie jQuery sind.

function createImage(settings) { 
    var kk = createCanvas(settings)[0].toDataURL('image/png'); 
    $("#containerQrCode").attr("src", kk); 
} 

unten kann versucht werden, wenn nicht jquery mit

function createImage(settings) { 
    var kk = createCanvas(settings)[0].toDataURL('image/png'); 
    document.getElementById("containerQrCode").setAttribute("src", kk); 
} 

Answer 2

versuchen, etwas wie folgt aus:

<img id="containerQrCode" src = " 
    <script type="text/javascript>document.write(karan)</script> 
" alt="qr image" /> 

Leider misread über die Variable und Einstellung, versuchen Sie dies:

bearbeiten die Funktion folgendes zu sagen:

function createImage(settings) { 
    var kk = createCanvas(settings)[0].toDataURL('image/png'); 
    return kk; 
} 

dann aktualisieren, wenn Sie Stellen Karan zu diesem:

var karan = createImage(); 

Sie werden auch die externen JavaScript-Datei in dem Projekt wie dieses gehören müssen:

<script type="text/javascript" src="path/to/your/file.js"></script> 

Answer 3

var karan = kk; 
var img = document.getElementById('containerQrCode'); 
img.src = karan;