div底部的CSS Div - JavaScript

在构建网站时，底部的CSS div通常用于显示版权信息、联系方式等内容。在本篇文章中，我们将介绍如何使用JavaScript将CSS div置于页面底部。

实现方法

创建一个名为“footer”的div，并将其附加到页面底部。

const footer = document.createElement('div');
footer.setAttribute('id', 'footer');
document.body.appendChild(footer);

接下来，我们将在CSS中设置“footer”div的样式。设置“position”为“fixed”，“bottom”为0，这将使该div保持在页面底部。

#footer {
  position: fixed;
  bottom: 0;
  width: 100%;
  // 在此处添加您需要的样式
}

最后，我们可以在“footer”div中添加所需的内容。

const footer = document.createElement('div');
footer.setAttribute('id', 'footer');
document.body.appendChild(footer);

const copyright = document.createElement('p');
copyright.innerText = 'Copyright © 2021';

const contact = document.createElement('p');
contact.innerText = 'Contact Us: example@example.com';

footer.appendChild(contact);
footer.appendChild(copyrigh);

结论

使用上述方法，您可以轻松地将CSS div置于页面底部，并添加所需的内容。记得在CSS中将底部div的“position”设置为“fixed”，“bottom”为0，以确保它保持在页面底部。