如何从 styles.CSS、Django 访问 JavaScript 元素样式

Question

我有这个创建元素的 JavaScript 代码，但是如何从我单独的 CSS 文件中设置它的样式？

JavaScript

emails.forEach(function(email) {
const element = document.createElement('div');
element.innerHTML = email.sender + ' ' + email.subject + ' ' + email.timestamp
document.querySelector('#email-container').append(element);
});

HTML

<div id="email-container">

</div>

CSS

#email-container .element{
    border-width:2px;
    border-style:solid;
    border-color:black;
}

Answer 1

如果您以这种方式设置样式，那么您希望 div 具有 element 类。所以你只需要多一行就可以将该类添加到元素中。完整代码在这里：

emails.forEach(function(email) {
  const element = document.createElement('div');
  element.classList.add('element');
  element.innerHTML = email.sender + ' ' + email.subject + ' ' + email.timestamp
  document.querySelector('#email-container').append(element);
});