如何将JavaScript变量的内容插入到html中的特定位置？

var myVariable = "Hello, World!";
document.getElementById("targetElement").innerHTML = myVariable;

var myVariable = "Hello, World!";
document.getElementById("targetElement").innerText = myVariable;

var myVariable = "Hello, World!";
document.getElementById("targetElement").textContent = myVariable;

var myVariable = "Hello, World!";
var newElement = document.createElement("span");
newElement.innerHTML = myVariable;
document.getElementById("targetElement").appendChild(newElement);

var myVariable = "Hello, World!";
var htmlString = `<div>${myVariable}</div>`;
document.getElementById("targetElement").innerHTML = htmlString;