javascript - 创建时将部分字符串设为粗体

Question

我正在创建 <p> div 中的元素是动态的，具体取决于我的 codeArray 中有多少元素.每次的数量都可能不同，所以我不能只对元素进行硬编码。这是迄今为止我想到的最好的方法:

  for(i=1;i<codeArray.length;i++){
    if(factArray[i] != 0){
      let para = document.createElement('p');
      let node = document.createTextNode(codeArray[i] + " = " + factArray[i]);
      para.appendChild(node);

      let element = document.getElementById('leftModal');
      element.appendChild(para);
    }
  }

我的问题是我希望字符串的第一部分(“=”之前)为粗体，而后半部分 (factArray[i]) 为正常字体粗细。我有办法做到这一点吗？

Answer 1

只需将要加粗的文本放入加粗的元素中即可。 b 元素在浏览器的默认样式表中通常是粗体...

  for(i=1;i<codeArray.length;i++){
    if(factArray[i] != 0){
      let para = document.createElement('p');
      let bold = document.createElement('b');
      let boldNode = document.createTextNode(codeArray[i]);
      bold.appendChild(boldNode);
      para.appendChild(bold);
      let node = document.createTextNode(" = " + factArray[i]);
      para.appendChild(node);

      let element = document.getElementById('leftModal');
      element.appendChild(para);
    }
  }