Как обернуть в div созданный элемент img?
 

Создаю элемент div так:

function cll(){
var div = document.getElementById('img_div');
var img = new Image();
img.src ='lalalaalalalal';
img.className = "image";
div.appendChild(img);
}

<div onclick="cll();">123  
  <div id="img_div"></div>  
</div>

как сразу обернуть созданный img в div, чтобы получилось:

<div onclick="cll();">123  
  <div id="img_div">

<div id="1">
<img src="lalalaalalalal" class="image">
</div>

</div>  
</div>

Как вариант...

<div onclick="cll();">123 
  <div id="img_div"></div> 
</div>
<script>
function cll(){
	const div = document.getElementById('img_div');
	const d = document.createElement('div');
	d.id = 'test'
	const img = new Image();
	img.src ='lalalaalalalal';
	img.className = "image";
	d.appendChild(img);
	div.appendChild(d);
}
</script>