JavaScript HTML DOM Style color 属性

  • color 属性

    color属性设置或返回文本的颜色。
    设置不同元素的文本颜色:
    document.getElementById("myH2").style.color = "#ff0000";
    document.getElementById("myP").style.color = "magenta";
    document.getElementById("myP2").style.color = "blue";
    document.getElementById("myDiv").style.color = "lightblue";
    
    尝试一下
  • 浏览器支持

    IE/Edge Chrome FireFox Safari Opera
    属性
    color
    支持
    支持
    支持
    支持
    支持
  • 语法

    返回color属性:
    object.style.color
    设置color属性:
    object.style.color = "color|initial|inherit"
  • 属性值

    描述
    color 指定文本的颜色。 查看CSS颜色值以获取可能颜色值的完整列表
    initial 将此属性设置为其默认值。 阅读有关initial信息
    inherit 从其父元素继承此属性。 阅读有关inherit的信息
  • 技术细节

    项目 描述
    默认值: 未标明
    返回值: 一个字符串,表示元素的文本颜色
    CSS版本 CSS1
  • 更多例子

    返回<p>元素的文本颜色:
    alert(document.getElementById("myP").style.color);
    
    尝试一下
  • 相关页面

    CSS教程:CSS文本
    CSS参考:color属性