javascript - 如何更改 Javascript 中变量的颜色？

Question

这是我的代码：

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

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

为什么不变色？我不断收到“无法读取未定义的属性'样式'”。

Answer 1

var hi是一个字符串，而不是 DOM 元素，因此您不能对其应用样式。我认为您要尝试的是：

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