javascript - Javascriptで変数の色を変更するにはどうすればよいですか?

Question

これが私のコードです：

var hi = "hi"
document.write(hi)

hi.style.color="#ff0000";
document.write(hi)

なぜ色が変わらないのですか？「未定義のプロパティ「スタイル」を読み取れません」というメッセージが表示され続けます。

Answer 1

var hiDOM 要素ではなく文字列であるため、スタイルを適用することはできません。あなたが行こうとしているのは次のようなものだと思います：

var hi = "<span style='color:#ff0000'>hi</span>";
document.write(hi);

別のオプションは、その場で要素を作成することです。

var mySpan = document.createElement('span');
mySpan.innerHTML = "hi";
mySpan.style.color = "#ff0000";
document.getElementsByTagName('body')[0].appendChild(mySpan);