文本编辑器：Visual Studio代码
浏览器：Firefox
OS：Fedora 31
并且通过节点，我得到“未定义文档”我是新来的，所以我不知道该怎么办？
我的错误：
TypeError：lovers.style未定义
let lovers = document.getElementsByClassName("lover");
lovers.style.color = "red";<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatible" content="ie=edge">
<title>traning</title>
<link rel="stylesheet" href="style.css" S>
</head>
<body>
<li class="title">2435</li>
<li class="lover">4534</li>
<li class="hater">s43343</li>
</body>
<script src="./app.js"></script>
</html>getElementsByClassName接口的Document方法返回具有所有给定类名称的所有子元素的类似数组的对象。该对象不包含style属性。为此，您需要使用[0]从数组中提取第一个元素。
let lovers = document.getElementsByClassName("lover")[0];
lovers.style.color = "red";
JavaScript
let lovers = document.getElementsByClassName("lover");
for(i=0:i < lovers.length; i++){
lovers[i].style.color = "red";
}
更好地使用Jquery
$('.lover').css("color","red")