層次

2015-02-11 36 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的第一個元素!