Javascript and css and HTML

Question

is giving this error Uncaught TypeError: Cannot read property 'style' of null in the following code

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Documento sem título</title>
<style>
#div{
    width:100px;
    height:100px;
    background:#999;
    -webkit-transform:none;
}
</style>
<script type="text/javascript">
deg1=0;
deg2=0;
function animando(){
    deg1++;
    deg2++;
    quadrado = document.getElementById('div');  
    quadrado.style.webkitTransform = "rotate(-2deg)";
    }
setInterval(animando(),100);
</script>
</head>

<body>
<div id="div">

</div>
</body>
</html>

Marc B · Accepted Answer · 2013-07-16 19:49:01Z

2

setInterval(animando(),100);

should be

setInterval(animando, 100);

without the (). You're trying to actually CALL the animando function in your code, so when the setInterVal call is prepping its arguments, the actual <div id="div"> element has not been parsed yet, and therefore the getElementById() call returns null because the ID doesn't exist (yet).

answered Jul 16, 2013 at 19:49

Marc B

362k44 gold badges433 silver badges508 bronze badges

Sign up to request clarification or add additional context in comments.

Comments

nhahtdh · Accepted Answer · 2013-09-05 15:57:21Z

0

setInterval(animando(),100);

should be

setInterval(animando, 100);

without the (). You're trying to actually CALL the animando function in your code, so when the setInterval call is prepping its arguments, the actual <div id="div"> element has not been parsed yet, and therefore the getElementById() call returns null because the ID doesn't exist (yet).

edited Sep 5, 2013 at 15:57

nhahtdh

56.9k15 gold badges131 silver badges164 bronze badges

answered Sep 5, 2013 at 15:31

Kaique Mota

1013 bronze badges

Collectives™ on Stack Overflow

Javascript and css and HTML

2 Answers 2

Comments

Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

2 Answers 2

Comments

Comments

Your Answer

Sign up or log in

Post as a guest

Related