My first start into JavaScript.
I can make mouseover events trigger changes when I use it with images, but not with a div only containing text. What am I doing wrong ? Code follows.
<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>
It should be (note the apostrophes):
otherwise you close the attribute value prematurely. Having that said, it works for me.