I get error: Null

Hi can you help me on this error

TypeError: bodycont is null

here is my code:

<!DOCTYPE html>


    <meta charset="utf-8"/>
	<style type="text/css">
	  .rembull ul{
	    list-style: none;
	  ul img{
	    width: 100px;
	    background: #555555;
		width: 100%;
		height: 100%;
		position: absolute;
		border: 1px solid blue;
		top: 0;
		left: 0;
		z-index: 10;
		opacity: 0.7;
	    display: none;
	    position: relative;
		left:  300px;
		bottom: 300px;
		width: 250px;
		height: 250px;
		border: 1px solid red;
		display: none;


	    <div class="rembull">
		   <ul id="pic">
			   <li><img src="image/pic-1.jpg"/></li>
			   <li><img src="image/pic-2.jpg"/></li>
			   <li><img src="image/pic-3.jpg"/></li>
			   <li><img src="image/pic-4.jpg"/></li>

		<div class="bodycontainer">
	    <div id="zoomout">
		 var pic, items,zoom;
		 pic = document.getElementById("pic");
		 items = pic.getElementsByTagName("li");
	     var i=0;
		 var itemslen,bodycont;
			 if(e.target.tagName === "IMG")
				  bodycont =  document.getElementById("bodycontainer");
				  zoom  =  document.getElementById("zoomout");


Whooo…i got it…i use wrong selector instead of using ID i used class

<div class=“bodycontainer”>


should be like this

<div id=“bodycontainer”>


:rofl: it’s working now…