使用 JavaScript 设置文本区域样式

我对 JavaScript 完全陌生，想修改表单的文本区域（由外部脚本生成），如下所示：

1.) 开始时的文本区域：标记为“您的消息”，颜色为“rgb(136, 136, 136)”

2.) 焦点上的文本区域：标签已删除，颜色设置为“rgb(0, 0, 0)”

3.) 文本区域模糊：用户输入的颜色设置为“rgb(136, 136, 136)”；如果没有输入，标签将以颜色“rgb(136, 136, 136)”重新出现

我已经尝试过

var foo = document.getElementById('HCB_textarea');
foo.innerHTML = 'Your message here';
foo.style.color = 'rgb(136, 136, 136)';
foo.onfocus = do something;
foo.onblur = do something;

但没有做对。 TIA

假设“标签”不是指标签 HTML 元素，而是指 textrea 中的默认文本，正如您的示例所示，请尝试以下操作：

var foo = document.getElementById('HCB_textarea');
var defaultText = 'Your message here';
foo.value = defaultText;
foo.style.color = '#888';
foo.onfocus = function(){
    foo.style.color = '#000';
    if ( foo.value == defaultText ) {
        foo.value = '';
    }
};
foo.onblur = function(){
    foo.style.color = '#888';
    if ( foo.value == '' ) {
        foo.value = defaultText;
    }

};