我是Javascript新手，我正在处理CS50邮件问题。我正在构建我的“已发送”页面，我想知道如何修改我创建的div的css属性。我想在div框周围创建一个边框，然后修改每个框内的文本和间距。我能够得到的数据出现在html中，但是，我不能得到的属性修改。到目前为止，我已经尝试了两种方法，但它们对我都不起作用。

在我的css文件中，我有我正在访问的。test（用于与newElement相关联的查询）和#row（用于与查询选择器相关联的ID。）

不胜感激！

到目前为止的代码如下:

fetch(`/emails/${mailbox}`)
    .then(response => response.json())
    .then((emails) => {
      //do something
      
      emails.forEach( (item) =>
        
      { if (item.id > 10 ){
        
        //manually create div
        document.querySelector('#sent-view').innerHTML += `
        
        <div id='row'>
        ${item.sender} ${item.subject} ${item.timestamp}
        </div>
        
        `
         //use createElement
        var newElement = document.createElement('div');
        newElement.id = item.id; newElement.className = 'test'
        newElement.innerHTML = `${item.sender}  ${item.subject}  ${item.timestamp}`
        document.body.appendChild(newElement);

      } else {
        
        document.querySelector('#sent-view').innerHTML += `
        
        <div id='row'>
        ${item.sender} ${item.subject} ${item.timestamp}
        </div>
        `
      }
      })
    })
    .catch(error => {
    console.log('Error:', error);
});

}

CSS:

fetch(`/emails/${mailbox}`)
    .then(response => response.json())
    .then((emails) => {
      //do something
      
      emails.forEach( (item) =>
        
      { if (item.id > 10 ){
        
        //manually create div
        document.querySelector('#sent-view').innerHTML += `
        
        <div id='row'>
        ${item.sender} ${item.subject} ${item.timestamp}
        </div>
        
        `
         //use createElement
        var newElement = document.createElement('div');
        newElement.id = item.id; newElement.className = 'test'
        newElement.innerHTML = `${item.sender}  ${item.subject}  ${item.timestamp}`
        document.body.appendChild(newElement);

      } else {
        
        document.querySelector('#sent-view').innerHTML += `
        
        <div id='row'>
        ${item.sender} ${item.subject} ${item.timestamp}
        </div>
        `
      }
      })
    })
    .catch(error => {
    console.log('Error:', error);
});

}

顺晟科技：