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