Warum kann ich element.innerHTML nicht zuweisen?

Question

Warum kann ich nicht speichern den Verweis auf some_var.innerHTML auf eine Variable und dann ändern?

Welche Regel ist dies regeln?

HTML

<div id = "out"> 
test 
</div> 

Es funktioniert, wenn ich es direkt tun.

var out = document.getElementById("out"); 
var res = out.innerHTML; 
res = "foo"; 

https://jsfiddle.net/yo1oajmf/

Answer 1

Sie; re es res zuweisen und dann res wieder zuweisen. Dieser Code weist innerHTML nichts zu.

out.innerHTML = "foo"; 

So ändern Sie die innereHTML.

Answer 2

Ihr Code funktioniert. Es ist nur, dass Sie die innerHTML in res speichern und dann das in der nächsten Zeile überschreiben. Außerdem tun Sie nichts mit res, nachdem Sie ihm den Wert "foo" zugewiesen haben.

Sie müssen auch verstehen, dass, wenn Sie die innerHTML speichern Sie eine Kopie der Daten stoing. Wenn Sie die innerHTML, ändern möchten, müssen Sie zurückschreiben.

Dieses Beispiel liest den ersten div Wert s und schreibt dann das Plus foo auf den zweiten div.

var out = document.getElementById("out"); 
 
var res = out.innerHTML  // Store the HTML 
 
res = res + " foo";   // Adjust the data 
 
out.innerHTML = res;  // Write the new data back to the HTML element

<div id = "out">test</div>

Answer 3

Da zu res Zuordnung ist nicht das gleiche zu wie innerHTML zuzuweisen; auch wenn Sie zuvor innerHTML bis res zugewiesen haben.

Wenn Sie res = element.innerHTML sagen, weisen Sie den Inhalt von innerHTMLres zu. Wenn Sie dann res = "something else" sagen, ändern Sie, was res zugeordnet ist.

res = element.innerHTML Sagen tut nicht bedeuten, dass alle zu res Änderungen in innerHTML widerspiegeln.

Answer 4

Da im folgenden Code der innerHTML- vaue d.h Test auf die Variable res zugewiesen wird.

var out = document.getElementById("out").; 
    var res = out.innerHTML; 

Dieser Code ist nichts anderes als,

var res = document.getElementById("out").innerHTML; // res = "test" 

Danach können Sie den Wert res überschreiben (d-Test) von "foo".

Answer 5

Wenn Sie jQuery verwendet, können Sie einfach wie folgt vor:

$("#out").html("foo");