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

Question

I have this JavaScript code that does createElement, but how can I style it from my separate CSS file?

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

if you're styling it that way, then you expect the div to have class element . So you just need one extra line to add that class to the element. Full code here:

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);
});