javascript - 跨度外部背景控制层次

我有一个跨度层次结构，用于定义注释的不同层：

<span class="eventRel" id="e12-e32">
    <span class="event">
        <span class="hl" id="moh">
            soluzione
            <span style="width:500px;">
                tokenid: 11
            </span>
        </span>
    </span>
</span>

然后，我有不同的控制器，以使用不同颜色的background属性（在本例中为soluzione）突出显示标记。

因此，当我在class =“ hl”上方有一个span层时，我的代码正在工作。

在某些情况下，class =“ hl”以上跨越3个以上。

我要强调的是：

document.getElementById('e12-e32').style.backgroundColor='white';

这是为了以防万一：

<span class="event">
    <span class="hl" id="moh">
        soluzione
        <span style="width:500px;">
            tokenid: 11
        </span>
    </span>
</span>

并在这方面提供帮助！，在此先感谢。

所以我需要应用此样式以突出显示单词soluzione：

  <span class="eventRel" id="e12-e32" style="background-color:yellow;">
    <span class="event">
        <span class="hl" id="moh">
            soluzione
            <span style="width:500px;">
                tokenid: 11
            </span>
        </span>
    </span>
</span>

最佳答案

我不知道我是否正确理解了您的问题，但可以选择所有后代使用：

  document.querySelectorAll(".e12-e32")

关于javascript - 跨度外部背景控制层次，我们在Stack Overflow上找到一个类似的问题：https://stackoverflow.com/questions/28452746/