如何在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);