在HTML中传递JS变量会破坏结构的问题可以通过以下解决方法来解决:
const myVariable = "Hello, World!";
const myHTML = `${myVariable}`;
document.querySelector("#myContainer").innerHTML = myHTML;
const myVariable = "Hello, World!";
const myDiv = document.createElement("div");
myDiv.textContent = myVariable;
document.querySelector("#myContainer").appendChild(myDiv);
const myVariable = "Hello, World!";
document.querySelector("#myDiv").setAttribute("data-my-variable", myVariable);
在HTML中:
这些方法都可以避免直接将JS变量传递给HTML,从而保持HTML的结构完整性。