Помогите пожалуйста. Делаю домашнее задание и 1,5 часа не могу понять причину ошибки
getElementByClassName is not a function
<html>
<head>
<style type="text/css">
body {
background-color: #E0FFE0;
margin: 0px 0px 0px 0px;
}
img.star {
margin: 0px 0px 0px 0px;
border: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border-width: 0px;
}
</style>
<script type="text/javascript">
onload = function(){
var starLine = document.getElementById("stars");
var allStars = document.getElementByClassName("star");
}
</script>
</head>
<body>
<div id="stars">
<img class="star" src="whitestar.png"><img class="star" src="whitestar.png"><img class="star" src="whitestar.png"><img class="star" src="whitestar.png"><img class="star" src="whitestar.png">
</div>
</body>
</html>