【问题标题】:Can I change change body element into another body element我可以将更改正文元素更改为另一个正文元素吗
【发布时间】:2020-02-02 02:00:12
【问题描述】:

很难在标题中表达它。我可以将页面的整个 body 元素更改为另一个 body 元素吗?我想将用户移动到另一个页面,但随后他们的socket.id 发生了变化,所以我想我可以将所有元素更改为下一页的元素。

从头开始创建所有元素并安排它们需要大量时间。有没有办法将整个身体保存到一个变量中,然后为那个改变当前的身体元素?也许我会先以某种方式将其保存到数据库中,然后在单击按钮后将其加载到实际页面上?

【问题讨论】:

  • 您所描述的是单页应用程序 (SPA)。有整个库专门用于此,例如 React 或 Angular。
  • 我想是的。到目前为止,您尝试过什么?
  • @RobMoll 我不知道!谢谢,我会进一步调查,但我不希望仅仅为了这个项目而深入研究另一个库。
  • @evolutionxbox 我无法将其保存到数据库中,唯一显示的是空括号 {}。

标签: javascript html dom socket.io


【解决方案1】:

我不知道为什么我还要在这里问问题,因为没有人像以往那样帮助我哈哈。 但我找到了一个惊人的解决方案,而且非常简单!

我用outerHTML!你可以像这样粘贴整个 HTML 标记!

const gameelem = document.getElementById('game');
gameelem.outerHTML = `        <div class="title">
<h1>LOREM</h1>
</div>
<h2>
Lorem ipsum... <br>
Lorem ipsum...
</h2>
<h3>
Lorem ipsum... <br>
Lorem ipsum...
</h3>
<input type="text" name="" id="inputPrompts"><input type="button" value="OK" onclick="sendPrompt()">`;

【讨论】:

  • 其实你甚至可以使用innerHTML。我从来没有见过它被这样使用,所以我非常奇怪。
猜你喜欢
  • 2019-07-02
  • 2012-05-03
  • 2022-07-19
  • 2013-04-03
  • 1970-01-01
  • 2021-09-04
  • 2016-10-22
  • 2012-07-20
  • 2019-09-15
相关资源
最近更新 更多