JS新手求助：如何将变量值作为span标签的className？

嘿，作为JS新手遇到这种小问题太正常啦，别担心！你已经定义了className变量，只需要利用模板字符串的变量插入特性，把硬编码的"mark"替换成${className}就搞定了。

修改后的代码如下：

result.push(`<span class="${className}">${str.substring(h.startOffset, h.endOffset)}</span>`);

简单说下原理： #

你用的是模板字符串（用反引号`包裹的字符串），它允许我们通过${变量名}的方式直接把变量值嵌入到字符串里，不用像传统字符串那样手动拼接，既简洁又不容易出错。

比如当你的className值是"dynamicvale"时，这段代码生成的HTML标签就会变成：<span class="dynamicvale">截取的字符串内容</span>，完全符合你的需求~

内容的提问来源于stack exchange，提问作者ganesh kaspate