1

ページの読み込み時に CSS クラスを無効にしたい。私はクラスを持っています.rtsULmenuLeft:

   .rtsULmenuLeft
    {
        list-style:none;
        margin: 0;
        padding: 0;
    }

スタイルのすべてのインスタンスを無効にする必要があります。これどうやってするの？

ListStyle Image iam では、カスタム イメージを使用しています。表示され、ついに非表示になりました。つまり、箇条書きで再び表示されます。そのカスタム イメージが存在する必要があります。ありがとう。

4

3 に答える 3

0

これは、あなたがリクエストしたものの実際の例です: http://jsfiddle.net/ALLew/

例では:

  • すべてのULは黄色です
  • クラス rtsULmenuLeft を持つ項目は赤です
  • クラス rtsULmenuRight を持つアイテムは青色です

ご覧のとおり、rtsULmenuLeft classNames が削除され、リストが黄色で表示されます。

// Define a function to run on page load.
var loadCheck = function() {
    // Cancel the function if the page isn't loaded...
    if(document.readyState !== "complete") {
        // ... but call it again in 100 milliseconds.
        setTimeout(loadCheck, 100);
        return;
    }

    // From here on, the page is loaded.
    // Obtain a list of all elements with the particular class name
    var elList = document.getElementsByClassName("rtsULmenuLeft");

    // Loop over the elements until there are no longer any with the class.
    while(elList.length > 0) {
        // For each element, remove the class.
        elList[0].className = elList[0].className.replace(
            /\brtsULmenuLeft\b/,    // RegExp of class name in word boundaries
            ""                      // Replace with empty string - remove it.
        );
    }
};

loadCheck();
​
于 2012-08-30T11:58:26.670 に答える
0

jquery の使用:

$('.rtsULmenuLeft').removeClass('rtsULmenuLeft');
于 2012-08-30T11:58:38.090 に答える
-1

追加display:none 

.rtsULmenuLeft
        {
            list-style:none;
            margin: 0;
            padding: 0;
            display:none
        }
于 2012-08-30T11:58:16.920 に答える