Q:

Вставить элемент HTML который записан в переменную. JQuery/JS

В переменную массива вписываю все изображение. В консоле по факту проверяю и имею 4 элемента где в каждом несколько своих HTML элементов.
var allimg = [];
allimg[allimg.length] = document.getElementById('carouselImg' + 
i).getElementsByTagName("img");

Далее в цикле хочу вставить их в тело блока. 
for (var i = 0; i < 3; i++) {

  $("#myid").append('<div class="myclass">' + allimg[0][1]+'</div>');
}

По факту получаю вот такое в консоле. 
<div class="myclass">[object HTMLImageElement]</div>

Хотя в переменной вроде все правильно записано. В консоле проверяю и там есть массив с изображениями, правда как понял он зубчатый как мне и надо. Как мне вставить в блок изображение с зубчатого массива?

A:

У Вас в allimg сам элемент, а не его HTML код. В этом случае следует сделать так:

let someElement = document.createElement("div");
someElement.innerHTML = "Hi! i'm div!";
someElement.className = "red";

$("#something").append("<div class=\"wrapper\">" + someElement + "</div>"); // так делаете Вы.
$("#something").append("<div class=\"wrapper\">" + someElement.outerHTML + "</div>"); // так нужно делать.
.red {
  color: red;
  opacity: 0.5;
}
<script src="https://ajax.googleapis.com/ajax/libs/jquery/2.1.1/jquery.min.js"></script>
<div id="something">
     Something maybe here.
</div>

