为什么 css font-weight 属性在我的情况下不起作用？

Question

我的 selected_cell 仅包含一个段落作为其子级，并应用了默认的普通类。

我的css代码：

.normal{
    font-weight: normal;
}.bold{
    font-weight: bolder;
}

我的 JS 代码：

function bold()
{
  var selectedcell=document.querySelector('.selected-cell');
  
  if(selectedcell.children[0].class=="normal")
  {
  selectedcell.children[0].class="bold";console.log(selectedcell.children[0])}
  else
  {
  selectedcell.children[0].class="normal";console.log(selectedcell.children[0])};
}

在这里，我创建了一个粗体函数，其中我使用 font-weight 属性使所选单元格的文本看起来更粗。但显然它不起作用。

Answer 1

试试这个

function bold()
{
  let selectedcell = document.querySelector('.selected-cell');
  
  if(selectedcell.children[0].classList.contains("normal"))
  {
  selectedcell.children[0].classList.replace("normal","bold");
  }
  else
  {
  selectedcell.children[0].classList.add("normal");
  };
}