Все,разобрался
. В варианте который предложил Shaci, div загружался до скрипта и был определен. Если div сделать в body,то скрипт видать раньше загружается чем body и не может найти элемент div, window.onload решает эту проблему
. Но у меня появился еще вопрос, почему если css стили прописать прям в div-е, то код работает:
<html>
<head>
<title>Submit
</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<script type="text/javascript">
function click()
{
this.style.width = parseInt(this.style.width) + 50 + "px";
this.style.height = parseInt(this.style.height) + 50 + "px";
}
window.onload = function ()
{
var myDiv = document.getElementById('myDiv');
myDiv.onmouseover = click;
}
</script>
</head>
<body>
<div id = "myDiv" style = "background-color:green; width:100px; height:100px"></div>
</body>
</html>
А если css подключить или написать в head-е, то не работает
<html>
<head>
<title>Submit
</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<!-- <link rel="stylesheet" type="text/css" href="styles.css"> !-->
<style type="text/css">
#myDiv {
background-color:green;
width:100px;
height:100px;
}
</style>
<script type="text/javascript">
function click()
{
this.style.width = parseInt(this.style.width) + 50 + "px";
this.style.height = parseInt(this.style.height) + 50 + "px";
}
window.onload = function ()
{
var myDiv = document.getElementById('myDiv');
myDiv.onmouseover = click;
}
</script>
</head>
<body>
<div id = "myDiv"></div>
</body>
</html>