我在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>
但是这不起作用,而且,这实际上不是我所需要的,因为这会使组件中的整个文本都加粗,而我只需要其中的一部分加粗。
1条答案
按热度按时间63lcw9qa1#
更新:这可以使用.innerHTML完成,然后用“+”连接字符串