html hr渐变色,HTML HR color用法及代码示例

DOM HR color属性用于设置或返回

---

元素的color属性的值。

用法:

它返回HR颜色属性。hrobject.color

设置HR颜色属性。hrobject.color="value"

属性值：

color_name:它使用颜色名称保存文本颜色。例如：“red”。

hex_number:它使用彩色十六进制代码保存文本颜色。例如：“#0000ff”。

rgb_number:它使用rgb代码保存文本颜色。例如：“ rgb(0，153，0)”。

返回值：它返回代表HR元素颜色的字符串值。

范例1：本示例使用DOM HR color属性返回HR color属性。

HTML DOM hr color property

GeeksForGeeks

DOM HR color Property

There is a horizontal rule

below this paragraph.

---

This is a horizontal rule

above this paragraph.

Try it

function myGeeks() {

// Accessing 'hr' tag

var x = document.getElementById("GFG").color;

document.getElementById("sudo").innerHTML = x;

}

输出：

在单击按钮之前：

单击按钮后：

范例2：本示例使用DOM HR color属性设置HR color属性。

HTML DOM hr color property

GeeksForGeeks

DOM HR color Property

There is a horizontal rule

below this paragraph.

---

This is a horizontal rule

above this paragraph.

Try it

function myGeeks() {

// Accessing 'hr' tag

var x = document.getElementById("GFG").color

= "blue";

document.getElementById("sudo").innerHTML

= "The color was changed to " + x;

}

输出：

在单击按钮之前：

单击按钮后：