為什么 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");
  };
}