如何在<s>消息的字符串插值内的文本的一部分中添加<b>(用于加粗字体)?

时间:2019-03-28 18:44:24

标签: javascript html

我要采用A B C U T P Q R S T Mean Min Max 0.1 NA Yes 11 A INT 4 0 1 A 21.2105 21.01 21.47 格式的字符串,其中$ {level}是传入的一些值。但是我只想将此句子中的特定单词加粗。因此,可以说在此示例中,我要使“级别”和“编码器”加粗。我该如何实现?

当前行为:

即使我在I am a level ${level} coder内进行<b><strong>,标记也只会转换为字符串。它实际上并没有为我加粗文字。

更新:这正是我对aws sns的处理。但是我想通过字符串插值来实现。

``

1 个答案:

答案 0 :(得分:0)

附录,所以这完全是您的实例所独有的,我建议您更好地熟悉字符串/插值和对象的工作原理,但是为了学习起见,请加油;

const $ = function(id) { return document.getElementById(id) },
      level = 'expert',
      str = `I am a level <strong>${level} coder</strong>`,
      snsFileName = 'testFileNameBlah',
      numberOfLines = 99,
      snsData = {
        Message: '<strong>This is an automated message</strong><br/>' +
                 'You have successfully uploaded the following:<br/>' +
                 `File name: <strong>${snsFileName}</strong><br/>
                  Number of lines: <strong>${numberOfLines}</strong><br/>` +
                 'If there are any issues, please contact XXX for assistance.<br/>',
        Subject: 'Successfully Uploaded to XX',
        TopicArn: 'XXXXX'
      };

$('blah').innerHTML = str + '<hr>';

$('fixme').innerHTML = snsData.Message + snsData.Subject;
<span id="blah"></span>

<h2>Addendum</h2>
<p id="fixme"></p>