javascript - 使用 JavaScript 设置文本区域样式

Question

我对 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;

但是没弄好。时间差

Answer 1

假设“标签”不是指标签 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;
    }

};