层次

2015-02-11 39 views
0

我有跨距的层次结构来定义注解的不同层:层次

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

然后,我有不同的控制器,以突出显示与背景属性令牌(在这种情况下:soluzione)用不同的颜色。

所以,我的代码正在工作,只是当我有一个跨越层上面的class =“hl”。

在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> 
+0

不清楚你在这里问什么。如果你想专门覆盖id为'moh'的元素样式,那么为什么不选择那个元素呢? – CBroe 2015-02-11 12:36:54

+0

所以,我自己发现了这个问题,非常感谢! 这里我写了发生了什么,我试图强调单词“soluzione”,如果该单词参与(注释层是跨度),所以解决方案是,给每个(注释层=跨度)一个类名称,并将类型应用于类名,所以我的错误实现是我使用id来标识跨度,然后我在id上重复了。 – 2015-02-11 13:29:35

回答

0

我不知道如果我理解正确的问题,而是选择所有后代您可以使用:

document.querySelectorAll(".e12-e32") 
+0

问题已更新! – 2015-02-11 12:27:10

0

我应用内嵌样式, 我想下面的代码可能会有所帮助..

<span class="event"> 
    <span class="hl" style="background-color:yellow;"> 
     soluzione 
     <span style="width:500px;background-color:red;"> 
      tokenid: 11 
     </span> 
    </span> 
</span> 
+0

您能否清楚地说明您在量程层次上需要什么 – 2015-02-11 11:42:32

+0

问题已更新! – 2015-02-11 12:26:24

0

这里我写了一些发生了什么,我试图突出显示单词soluzione,如果这个单词参与到(注释层是一个跨度),所以解决方案是给每个(注释层=跨度)一个类名称,以及将类型应用于类名,所以我的错误实现是我使用id来标识跨度,然后我在id上重复了。

因此,总是首先当你发现某种风格不能正常工作,而改变它,检查是否有重复的ID。 因为会有任何错误通知,并且更改将只适用于具有该ID的第一个元素!