JavaScript：在div元素上注册鼠标事件_Javascript

JavaScript：在div元素上注册鼠标事件

javascript

JavaScript：在div元素上注册鼠标事件,javascript,Javascript,我第一次开始使用JavaScript。当我将鼠标悬停事件用于图像时，我可以使其触发更改，但不能用于仅包含文本的div。我做错了什么？代码如下 <html> <head> <script language="javascript" type="text/javascript"> function addHeading(node, text) { var newNode=document.createEle

我第一次开始使用JavaScript。当我将鼠标悬停事件用于图像时，我可以使其触发更改，但不能用于仅包含文本的div。我做错了什么？代码如下

<html>
    <head>
      <script language="javascript" type="text/javascript">
        function addHeading(node, text) {
          var newNode=document.createElement("h1");
          var text=document.createTextNode(text);
          newNode.appendChild(text);
          node.appendChild(newNode);
        }
      </script>
    </head>

    <body>
      <div onmouseover="addHeading(document.body, "Header added")">
      Hola!
      </div>
    </body>
</html>


函数addHeading（节点，文本）{
var newNode=document.createElement（“h1”）；
var text=document.createTextNode（文本）；
appendChild（文本）；
appendChild（newNode）；
}
你好！

应该是（注意撇号）：

否则会过早关闭属性值。话虽如此，我还是很高兴。

谢谢你指出我愚蠢的错误。我想我会寻找一个JavaScript语法检查器：）欢迎：）这个特殊的问题可以通过HTML验证来解决--

<div onmouseover="addHeading(document.body, 'Header added')">