javascript - 跨度外层后台控制层级

Question

我有一个跨度层次结构来定义不同的注释层:

<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>

然后我有不同的 Controller ，用不同的颜色突出显示具有背景属性的 token (在本例中为:soluzione)。

所以，当我在 class="hl"之上有一个 span 层时，我的代码就可以正常工作了。

在 class="hl"之上有超过 3 个 span 的情况。

我要强调的是:

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>

Answer 1

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

  document.querySelectorAll(".e12-e32")