[Yes]

Как правильнее создавать\добавлять элементы в структуре DOM ?

var img = document.createElement("img");
  img.id = "new_img";
  img.src = "pic.jpg";
document.getElementById("pictures").appendChild(img);

Или вот так:

document.getElementById("pictures").innerHTML="<img id='new_img' src='pic.jpg' />";

а мож быть так

var img="<img id='new_img' src='pic.jpg' />";
document.getElementById("pictures").appendChild(img);