div内のリストアイテムにスタイルを適用する

Question

良い日。

javacriptでdivにネストされたリストアイテム にスタイルを適用できるかどうかを知りたいと思います。私のページにはすでにリスト項目があるdivがたくさんありますが、その特定のlistitemにスタイルを適用したいだけです。

javascripを使用してlistitemにスタイルを適用する唯一の理由は、IE 7の表示に関する問題がdivの内部でCSSスタイルを受け入れたくないからです。

私のHTMLは次のようになります。その何かIEは常に例えば、支援してきましたので、あなたがそれすぎIE7で動作する必要がありますすることができ勿論

<ol>  
    <li> 
     GENERAL PRINCIPLES UNDERLYING THE REPRESENTIVE COUNCIL OF LEARNERS 
     <div id = "divv"> 
     <ol> 
      <li>....</li> 
      <li>....</li> 
      <li>....</li> 
      <li>....</li> 
      <li>....</li> 
     </ol> 
     </div> 
    </li> 
<ol> 

はあなたに

Answer 1

私はあなたが＃」のようなもので、サブリストのスタイルを設定することはできません言っている

http://jsfiddle.net/adrianjmartin/9V8tR

Answer 2

ありがとうございました。

#divv ol li{your style properties here} 

は、すべてのブラウザで動作するはずです。これがうまくいかないシナリオは、あなたのCSSのどこか他の場所で「重要な」スタイリングをキャンセルした場合だけです。

Answer 3

はい、これはgetElementByIdとgetElementsByTagNameを組み合わせて使用​​し、見つかったアイテムにループを実行し、javascriptを使用してCSSスタイルを追加することができます。 ここでは、同じもののためのjsfiddle：http://jsfiddle.net/saganbyte/m65CF/1/

Answer 4

あなたがする必要があるのは、IDでdivを取得し、そこからあなたが望むリストに到達するまでDOMを横断することです。次に、リストスタイルオブジェクトを使用して、必要なスタイルを挿入します。

はまた、私はあなたがCSSからそれを行うことができない場合は、同様の構造CSSは常に（もちろんサポートされていない場合を除く）。ここ

はテストと少しフィドルで適用することができ、それにより多くの問題があると思われますあなたが提供したマークアップ、それはdivをつかんで、その中のOLを見つけて、それにボーダーを追加します。

http://jsfiddle.net/Dj5gH/1/

var div = document.getElementById('divv'), 
    found = false, 
    elem = div.firstChild; 

while (!found) { 

    if (elem.nodeType == 1) { 
     elem.style.border = '2px solid red'; 
     found = true; 
    } 
    else elem = elem.nextSibling; 
};​