Javascript 有没有办法更改悬停时显示的文本？

有没有办法更改悬停时显示的文本

---

例如，我有一个H1标记，当我将鼠标悬停在它上面时，我希望文本更改为其他内容。使用HTML、CSS和JAVASCRIPT是否可以这样做？

这是可能的，只要它符合您的需要：

h1{
位置：相对位置；
}
h1：悬停：之后{
内容：attr（数据悬停）；
位置：绝对位置；
排名：0；
左：0；
背景：白色；
}

---

some text

下面是一个使用JavaScript实现这一点的示例：

函数更改文本（元素）{
element.innerHTML=“已更改！”；
}

---

让我停下来我认为可以使用伪元素在纯CSS中实现，对于JavaScript，您可以这样做：

<h1>Original text</h1>

<script>

    const h1 = document.querySelector('h1');


    h1.onmouseover = function () {
        h1.innerHTML = 'Hover text';
    };

    h1.onmouseout = function () {
        h1.innerHTML = 'Original text';
    };
</script>

原文
const h1=document.querySelector（'h1'）；
h1.onmouseover=函数（）{
h1.innerHTML='悬停文本'；
};
h1.onmouseout=函数（）{
h1.innerHTML='原始文本'；
};

您可能需要根据页面内容使用不同的选择器，例如

<h1 class="title">Original text</h1>

const h1 = document.querySelector('h1.title');

原文
const h1=document.querySelector（'h1.title'）；

这是可以改进的，这样就不会使用数据属性在HTML和JS中硬编码相同的文本。
当然可以使用JavaScript。好的，谢谢，您是否可以提供一个示例来说明我如何做到这一点？仅使用CSS无法更改实际值，虽然你可以使用混合的：：after和content，并将其放在h1上面来做一些事情。对不起，我不清楚你的意思。这很好！）非常感谢你！！！！没问题