Javascript:特定字符之前的粗体字符串

Question

我有 Javascript 代码可以将整个字符串变为粗体，但是，我想调整代码以仅将字符串中“:”之前的部分粗体化

我目前拥有的代码是:

function changeBrandName() 
{
  var prodList = document.querySelectorAll("h1.ProductList-title");
  for (i = 0, len = prodList.length; i < len; i++) 
  {
    var store = prodList[i].indexOf(":");

    for (j = 0; j < store; j++)
    {
      prodList[i].charAt[j].style.fontWeight = 'bold';
    } 
  }
}

以这种方式应用 fontWeight 目前不起作用 - 如有建议，我们将不胜感激。

完整的字符串是“Vifa:Pebble Gray Oslo Loudspeaker” - 我希望“Vifa”以粗体显示。

Answer 1

使用良好的普通老式 JavaScript:

let h1s = document.querySelectorAll('.ProductList-title');

btn.addEventListener('click', function(event) {
  for (const h1 of h1s) { 
    let [brand, text] = h1.textContent.split(':');
    h1.innerHTML = `<b>${brand}</b>: ${text}`
  }
  this.parentElement.removeChild(this);
})

h1 { font-weight: normal; }

<h1 class="ProductList-title">Porsche: Cayenne</h1>
<h1 class="ProductList-title">BMW: i8</h1>
<button id="btn" type="button">Click to self-destruct</button>