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);
    }
  }

创建时将字符串的部分加粗

1 个答案: