js 实现 hover鼠标移入移出时文字颜色变化

要实现hover鼠标移入移出时文字颜色变化，可以使用JavaScript来操作CSS样式。具体实现步骤如下：

1. 首先，在HTML中给需要操作的文字元素设置一个标识id或class。例如，给文字元素添加一个id属性为"myText"。

2. 在JavaScript中，通过getElementById()或getElementsByClassName()等方法获取这个文字元素。例如，使用getElementById()方法获取这个元素。

3. 使用addEventListener()方法添加鼠标移入和移出时的事件监听器。例如，为该文字元素添加鼠标移入事件监听器。

4. 在鼠标移入事件监听器中，使用style对象修改文字元素的样式。例如，修改文字元素的颜色属性为所需的颜色。可以使用style.color属性来修改。

5. 在鼠标移出事件监听器中，使用style对象恢复文字元素的原始样式。例如，恢复文字元素的颜色为原始颜色。可以使用style.color属性来还原。

综上所述，可以使用如下的JavaScript代码来实现hover鼠标移入移出时文字颜色变化：

var myText = document.getElementById("myText");

myText.addEventListener("mouseover", function() {
  myText.style.color = "red";
});

myText.addEventListener("mouseout", function() {
  myText.style.color = "black";
});

这样，当鼠标移入文字元素时，文字颜色会变为红色；当鼠标移出文字元素时，文字颜色会恢复为黑色。需要注意的是，需要将以上代码放在HTML元素加载之后进行执行，可以放在<script>标签内或外部的JavaScript文件中。