javascript - 使用按钮 onclick 传递多个值

Question

有类似的帖子，但我找不到适合我的独特案例的解决方案。

我有一个脚本，当用户单击突出显示按钮时突出显示关键字。目前它只突出显示“fox”这个词，但我需要它突出显示其他词，在本例中是“fence”和“jumped”。

这是 HTML:

<div id="inputText">
The fox quickly jumped over the fence.
</div>
<button onclick="highlight('fox')">Highlight</button>

我尝试将 'fox' 更改为 '+fox+','+fence+','+jumped+' 但没有成功。

JavaScript 是:

function highlight(text)
{
    inputText = document.getElementById("inputText")
    var innerHTML = inputText.innerHTML
    var index = innerHTML.indexOf(text);
    if ( index >= 0 )
    { 
        innerHTML = innerHTML.substring(0,index) + "<span class='highlight'>" + innerHTML.substring(index,index+text.length) + "</span>" + innerHTML.substring(index + text.length);
        inputText.innerHTML = innerHTML 
    }

}

和 CSS:

.highlight
{
background-color:yellow;}

Answer 1

<button onclick="highlight('fox')+highlight('jumped')+highlight('fence')">Highlight</button>