Javascript-.innerHTML更改自动关闭标记

我正在尝试使用Javascript动态地将元素放入其他元素中，而不刷新页面，它的AJAX部分工作正常，功能正常。但是由于一些未知的原因，我的代码会自动关闭

这是一段代码，您可以看到它实际上并没有关闭。但在浏览器中运行代码后，它将关闭

HTML

Javascript

Get = document.getElementById("Events");
Get.innerHTML = "<div class='large-6 columns Pages' id='Page" + PN + "' style='background-color: #" + i + i + i + ";'>";
Get.innerHTML = Get.innerHTML + "<div class='large-6 columns Pages' id='Page" + PN + "' style='display: none; background-color: #" + i + i + i + ";'>";

Get=document.getElementById（“事件”）；
Get.innerHTML=“”；
Get.innerHTML=Get.innerHTML+“”；

页面源上的结果为：

<div id="Page1" class="large-6 columns Pages" style="background-color: #000;"></div>
<div class="EventsClass"></div>

正如您所看到的，这是一个问题，因为我试图将元素放入元素中。但是，由于结束标记，我不能

我搜索了几个小时，找不到解决办法，甚至找不到原因。 没有关闭标记，但它会自动关闭。有没有办法克服这个问题？或者绕过它？

从：

innerHTML

属性设置或返回元素的HTML内容（内部HTML）

显然，此属性返回的内容必须是格式良好的HTML，并且一定会由带有结束标记的浏览器呈现

如果要在元素中使用元素并更新所需

GET

对象的

HTML

。只需从要添加的内容中创建一个普通字符串变量，然后在以后对其进行清理，当您拥有所需的完整内容时，再使用以下内容更新

.innerHTML

：

    //content is a variable that just holds the string representing the HTML Content

    var content = "<div class='large-6 columns Pages' id='Page" + PN + "' style='background-color: #" + i + i + i + ";'>";
    content += "<div class='large-6 columns Pages' id='Page" + PN + "' style='display: none; background-color: #" + i + i + i + ";'>";

    //close the divs or add more elements to the variable content

    Get.innerHTML = content; //At the end.

//content是一个变量，它只保存表示HTML内容的字符串
var-content=“”；
内容+=”；
//关闭div或向变量内容添加更多元素
Get.innerHTML=内容//最后。

我希望这能让您从正确的方向开始。

来自：

innerHTML

属性设置或返回元素的HTML内容（内部HTML）

显然，此属性返回的内容必须是格式良好的HTML，并且一定会由带有结束标记的浏览器呈现

如果要在元素中使用元素并更新所需

GET

对象的

HTML

。只需从要添加的内容中创建一个普通字符串变量，然后在以后对其进行清理，当您拥有所需的完整内容时，再使用以下内容更新

.innerHTML

：

    //content is a variable that just holds the string representing the HTML Content

    var content = "<div class='large-6 columns Pages' id='Page" + PN + "' style='background-color: #" + i + i + i + ";'>";
    content += "<div class='large-6 columns Pages' id='Page" + PN + "' style='display: none; background-color: #" + i + i + i + ";'>";

    //close the divs or add more elements to the variable content

    Get.innerHTML = content; //At the end.

//content是一个变量，它只保存表示HTML内容的字符串
var-content=“”；
内容+=”；
//关闭div或向变量内容添加更多元素
Get.innerHTML=内容//最后。

---

我希望这能让您从正确的方向开始。

您能在JSFIDLE中发布代码吗。为什么变量名为get？Get和Post通常用于表示Http方法扫描JSFIDLE中的代码。为什么变量名为get？Get和Post通常用来表示像符咒一样的Http方法。没有意识到不能插入损坏的HTML。我将永远记住它。谢谢Vivek！工作得很有魅力。没有意识到不能插入损坏的HTML。我将永远记住它。谢谢Vivek！