如何使用＆＃34; span＆＃34;设计文本？在Javascript中使用.insertAdjacentHTML？

Question

这是我认为的样子：

    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>');

Answer 1

为了使其正常运行，您必须concatenate，

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

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