Edit in JSFiddle

<div id="some-id">div#some-id</div>

<script>
var parent = document.getElementById("some-id");
var img = document.createElement("img");
img.src = "https://codeflow.study/logo.png";
img.width = 300;
parent.appendChild(img);

parent.appendChild(img); // 메모리상에 img Element는 하나만 존재하고, 이미 parent의 자식으로 삽입했기 때문에
parent.appendChild(img); // appendChild 를 반복해봐야 실제 img Element는 하나만 붙어 있습니다.

var h2 = document.createElement("h2");
h2.textContent = "Hello!";
parent.appendChild(h2);
</script>