Javascript 鼠标悬停或单击功能无法正常工作

鼠标悬停或单击功能无法正常工作。它只是第一次工作。当我第二次单击或悬停它时，它不工作。请帮忙

`<script>
function displayDate()
{
document.getElementById("demo").innerHTML=Date();
}
function a()
{
document.write("Show Time");
}
</script>

<div id='demo' onmouseover='displayDate()' onmouseout='a()'>Show Time</div>`

`
函数displayDate（）
{
document.getElementById（“demo”）.innerHTML=Date（）；
}
函数a（）
{
文件。书写（“显示时间”）；
}
表演时间`

上面的行覆盖了整个文档，并删除了元素，因此不再有带有事件处理程序的元素，这就是它只工作一次的原因

现在还不清楚你想做什么，先显示“Show time”，然后在mouseout上显示“Show date”，但你可能应该做一些类似的事情：

document.getElementById("demo").innerHTML = 'Show date';

---

试试“javascript:displayDate（）；”和“javascript:a（）；”这可能是一个愚蠢的问题，但您使用的是内联javascript…您可以使用像jQuery这样的库吗？如果是这样的话，有一个非常简单的答案。单击事件不会做任何事情，至少当你触发“mouseenter”或“mouseout”时，无论如何，它对我来说非常有用，我只是更新代码。你的代码对我不起作用。很抱歉

document.getElementById("demo").innerHTML = 'Show date';