element.innerHTMLを割り当てることができないのはなぜですか？

Question

some_var.innerHTMLへの参照を変数に格納してから変更できないのはなぜですか？

これを支配するルールは何ですか。

HTML

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

私は直接それを行う場合、それは動作します。

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

https://jsfiddle.net/yo1oajmf/

Answer 1

あなたは、解像度をresに代入してから再度割り当てる再。このコードはinnerHTMLに何も割り当てません。

out.innerHTML = "foo"; 

これはinnerHTMLを変更する方法です。

Answer 2

コードが機能しています。 innerHTMLをresに格納しておき、次の行に上書きするだけです。また、"foo"の値を割り当てた後には、resで何もしていません。

また、あなたがinnerHTMLを保存するとき、あなたはデータのコピーをstoingしていることを理解する必要があります。 innerHTMLを変更する場合は、 を書き戻す必要があります。

この例では、最初のdiv sの値を読み取り、そのプラスfoo第二の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

resに割り当てることinnerHTMLに割り当てることと同じではないからです。以前にinnerHTMLをresに割り当てても

res = element.innerHTMLと言うときは、innerHTMLの内容をresに割り当てています。 res = "something else"と答えると、resに割り当てられているものが変更されます。

res = element.innerHTMLを言うことはないはresへの変更がinnerHTMLに反映されていることを意味しています。

Answer 4

innerHTML変数、つまりテストは変数resに割り当てられます。

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

このコードは、 "foo" ということで解像度の値（すなわちテスト）を上書きしているものではないが、その後

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

。

Answer 5

あなたはjQueryのを使用した場合には、単純に次の操作を実行できます。

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