Javascript 分别更改div的内容

我试图在hover上的div中添加一些内容，但不是CSS方式

函数描述{ 控制台。日志描述； document.getElementById'first-item'.innerHTML=description； document.getElementById'second-item'.innerHTML=description； } .幻灯片{ 背景：蓝色； 宽度：200px； 高度：200px； 浮动：左； 利润率：10px； } 您可以在鼠标输入和鼠标输出的悬停函数中将其作为元素引用传递，以便在JavaScript中使用此引用来设置该特定元素的innerHTML：

函数元素，描述{ elem.innerHTML=描述； } .幻灯片{ 背景：蓝色； 宽度：200px； 高度：200px； 浮动：左； 利润率：10px； }

---

传递一个元素作为函数的参数怎么样

.幻灯片{ 背景：蓝色； 宽度：200px； 高度：200px； 浮动：左； 利润率：10px； } 函数、元素、描述{ 控制台。日志描述； element.innerHTML=描述； } 让我们看看您的悬停功能：

函数描述{ 控制台。日志描述； document.getElementById'first-item'.innerHTML=description； document.getElementById'second-item'.innerHTML=description； } 这将用给定的内容填充两个div，因为应该用内容填充哪个div没有区别。但是，您可以将其作为函数的参数传递，因此始终只需修改当前悬停的元素：

函数、元素、描述{ 控制台。日志描述； element.innerHTML=描述； } 您只需按以下方式更改HTML标记：

---

看起来您不需要将$content传递给函数，您可以在函数中读取它。相反，您可以传递它，它将为您提供悬停在上面的实际元素。