如何在 Javascript 中使用 .insertAdjacentHTML 设计带有“span”的文本

How can I design text with "span" using .insertAdjacentHTML in Javascript?

本文关键字：span 文本 Javascript insertAdjacentHTML      更新时间：2023-09-26

这就是我认为必须看起来像的样子：

    toggleText.insertAdjacentHTML('beforeBegin', '<span style="color:white">');
    toggleText.insertAdjacentHTML('beforeBegin', partvalue[partvalue.length-1]);
    toggleText.insertAdjacentHTML('beforeBegin', '</span>');

但是当我执行函数时，我在 HTML 中得到这个：

<span style="color:white"></span>
"Text from partvalue.length-1"

这就是我想使用的，但我知道它不是这样工作的。我能做什么？

    toggleText.insertAdjacentHTML('beforeBegin', '<span style="color:white">'partvalue[partvalue.length-1]'</span>');

您必须正确concatenate它才能使其正常工作，

 toggleText.insertAdjacentHTML('beforeBegin', 
       '<span style="color:white">' + partvalue[partvalue.length-1] + '</span>');

在javascript中，对于字符串连接，必须使用+。

相关文章：