Javascript 赋值中的左侧无效：未捕获引用错误： document.getElementsByClassName（“蓝色”）.text color=“暗蓝色”；

我将此视为JavaScript初学者的练习部分。我找不到错误

<script>
    document.getElementsByClassName("blue").text-color = "darkblue";
</script>

此文本应为深蓝色。

必须进行哪些更改才能更正此错误？

返回HTMLCollection。必须指定索引才能获得所需的元素。要设置文本的颜色，必须在

样式

上设置

颜色

属性：

更改

document.getElementsByClassName（“蓝色”）.text color=“暗蓝色”

到

document.getElementsByClassName（“蓝色”）[0].style.color=“暗蓝色”

工作代码示例：


document.getElementsByClassName（“蓝色”）[0].style.color=“暗蓝色”

此文本应为深蓝色。

返回HTMLCollection。必须指定索引才能获得所需的元素。要设置文本的颜色，必须在
样式
上设置
颜色
属性：

更改
document.getElementsByClassName（“蓝色”）.text color=“暗蓝色”

到

document.getElementsByClassName（“蓝色”）[0].style.color=“暗蓝色”

工作代码示例：


document.getElementsByClassName（“蓝色”）[0].style.color=“暗蓝色”

此文本应为深蓝色。

Uncaught TypeError:无法读取的属性“style”undefined@danielcliff，将脚本放在HTML之后。未捕获类型错误：无法读取的属性“style”undefined@danielcliff，将脚本放在HTML之后。
<div>
    <span class="blue">This text should be dark blue.</span><br>
</div>