css 如何将不同的样式应用到一< ion-list>个其中每个元素都是在JS中用连接创建的?

ycl3bljg  于 2023-03-14  发布在  其他
关注(0)|答案(1)|浏览(98)

我在html中创建了一个列表,如下所示:<ion-list id="review-list"></ion-list>
这来自我的JavaScript文件(我在Ionic-framework中使用的是vanilla JS):

const reviewList = document.querySelector('#review-list');

// There is code here in between with the event listener

const newItem = document.createElement('ion-item');
newItem.textContent = enteredName + ' - ' + enteredRating + '/5';
reviewList.appendChild(newItem);

我只需要加粗enteredName的一部分,我怎样才能使每一部分的样式不同呢?因为它是html的一个元素。
谢谢你!
我试过了:<p style="font-weight: bold"><ion-list id="review-list"></ion-list></p>
但是这不起作用,而且,这实际上不是我所需要的,因为这会使组件中的整个文本都加粗,而我只需要其中的一部分加粗。

63lcw9qa

63lcw9qa1#

更新:这可以使用.innerHTML完成,然后用“+”连接字符串

相关问题