Javascript 在鼠标上方更改div的内容

我有几个div，里面有一段文字作为内容。我希望这样，当您将鼠标悬停在每个div上时，它会将内容从一个文本更改为另一个文本。我知道这可以通过JavaScriptjQuery？来实现，但我在这方面的经验非常有限，所以希望能提供一些指导

我有这样的想法：

div id="wrapper">
    <div id="div1">
    Here's the original text.
    </div>
</div>

---

我只希望div1中的原始文本更改为其他文本，如鼠标悬停在包装器上时的其他文本，并在鼠标离开时返回原始文本。

类似的内容应该可以完成工作。但未测试跨浏览器兼容性

var defaultText = document.getElementById('div1').innerHTML;

document.getElementById('div1').onmouseenter = function() {
    this.innerHTML = "some other text";
};

document.getElementById('div1').onmouseleave = function() {
    this.innerHTML = defaultText;
};

---

像这样的事情应该能完成任务。但未测试跨浏览器兼容性

var defaultText = document.getElementById('div1').innerHTML;

document.getElementById('div1').onmouseenter = function() {
    this.innerHTML = "some other text";
};

document.getElementById('div1').onmouseleave = function() {
    this.innerHTML = defaultText;
};

这是一本书

---

这是一个。

我想OP是在寻找jQuery解决方案。因此，他/她在jQuery中添加的百万个标签是密切相关的。@chrisjlee他没有明确排除普通JavaScript，但你可能是对的。jQuery变体在跨浏览器兼容性方面也更可取。我认为OP正在寻找jQuery解决方案。因此，他/她在jQuery中添加的百万个标签是密切相关的。@chrisjlee他没有明确排除普通JavaScript，但你可能是对的。jQuery变体在跨浏览器兼容性方面也更可取。