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

<分区>

我有一个包含几个按钮(用于登录)的 div。用户使用 Facebook 登录并重定向回页面后，我想将同一个 div 保留在那里，但用新内容替换其所有内容。 (取下按钮并打个招呼)。

因为我是新手，所以我想知道什么是好的做法:

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

如何使用 Javascript 隐藏/显示 div？

最佳答案

没有必要再创建一个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>

关于javascript - 完全以编程方式更改 div 内容，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/55301528/