时间戳

首页 > 解决方案 > 完全以编程方式更改 div 内容

javascript - 完全以编程方式更改 div 内容

问题描述

我有一个包含几个按钮（用于登录）的 div。用户使用 Facebook 登录并重定向回页面后，我想在其中保留相同的 div，但将其所有内容替换为新内容。（删除按钮并打个招呼）。

由于我是新手，我想知道什么是一个好习惯：

  1. div 在第一个内部创建另一个，将其设置为隐藏，然后在需要时隐藏第一个并显示另一个
  2. 创建另一个div 外部，并执行与 1 相同的操作。
  3. 更好的方法？

做 1 或 2 -我不希望隐藏的 div 在隐藏时占用空间。

您将如何隐藏/显示div使用 Javascript 的内容？

标签： javascripthtml

解决方案

不需要创建另一个 div

您可以使用innerHTML 或innerText 更改内容，如果只有文本进入新内容使用innerText。

像 ：

document.getElementById('div').innerText = "Logged";
document.getElementById('div2').innerHTML = "Bar<br/><b>Foo</b><button>Btn</button>";
<div id="div">Login</div>
<div id="div2">Login</div>

推荐阅读