包含js同級去掉樣式的詞條

• 1、用js的什麼方法把樣式的某個屬性去掉而其他的屬性保留
• 2、JS 給一個li添加樣式，同時去掉其他li的樣式
• 3、js怎麼去掉一個div里的style
• 4、用JS代碼，實現《去除同欄目，目錄下class=”on”的a標籤樣式》
• 5、js清空某元素的所有樣式

js只能獲取到元素的style樣式（行內樣式），不能獲取到css樣式。

使用jquery可以獲取到css樣式：

$(function(){

$(“.tableStyle”).css(“background-color”:””);

})

將background-color賦為空值就可以啦

script type=”text/javascript” defer=”defer”

function changeStyle(ele){

var liAry=document.getElementById(“box”).getElementsByTagName(“li”);

var liLen=liAry.length;

var liID=ele.id;

for(var i=0;iliLen;i++)

{

if(liAry[i].id==liID)

{

liAry[i].style.backgroundColor=”#cccccc”;

}

else

{

liAry[i].style.backgroundColor=”white”;

}

}

}

/script

div id=”box”

li id=’1′ style=”background-color:#cccccc;” onclick=”changeStyle(this)”AAA/li

li id=’2′ onclick=”changeStyle(this)”BBB/li

li id=’3′ onclick=”changeStyle(this)”CCC/li

/div

需要準備的材料分別有：電腦、html編輯器、瀏覽器。

1、首先，打開html編輯器，新建html文件，例如：index.html，編寫問題基礎代碼。

2、在index.html中的script標籤，輸入js代碼：$(‘div’).css(‘margin-left’, 0);。

3、瀏覽器運行index.html頁面，此時div中的style屬性的margin-left被成功去除。

同欄目、目錄是指html頁面的同一父元素吧

如果是清除該父元素下指定class的a標籤的css樣式的話，實例如下：

html

  head

    style

      .on { border: 1px solid #000; }

    /style

  /head

  body

    div id=”abc”

      a class=”on” style=”background:green;”1/a

      a class=”on” style=”background:yellow;”2/a

      a class=”on” style=”background:blue;”3/a

      a class=”on” style=”background:red;”4/a

      button onclick=’clearStyle(“abc”,”on”);’ClearStyle/button

    /div

  /body

  script

    function clearStyle(parentId,childClass) {

        var p = document.getElementById(parentId);

        var c = p.getElementsByClassName(childClass);

        for (var i=0; i(c.length+i); i++) {  

            c[0].removeAttribute(‘style’);  //清除內聯樣式（背景色）

            c[0].setAttribute(‘class’,’off’); //更改class屬性（解開內部樣式表中對原class樣式的關聯）

        }

    };

  /script

  !–

    c.length隨class屬性的更改而遞減，故循環條件必須為i(c.length+i)

    c數組隨class屬性的更改而減小，故使用c[0]而不是c[i]

    如果不清除內部樣式表的樣式，則使用以下for循環

      for (var i=0; ic.length; i++) {  

          c[i].removeAttribute(‘style’); 

      }

  —

/html

這要根據你原先是如何給它添加上樣式的，比如你是通過類名添加的，那你就應該寫上這樣的代碼：要去除類名的類.className=”; 同理，如果你是通過id來命名的那就把id變成空。總之是根據你如何寫它的css樣式。

如果是繼承下來的樣式那隻能單獨獲取來修改了。比如要隱藏的出現，要修改的類名.css.display=”; 還有一種方法就是修改屬性的繼承方法，由於也是需要一個一個修改也很麻煩就不展開了。

當然也可以像樓上的一樣寫一個公共的清楚樣式的類，然後通過js添加類名來修改，這個很方便，也很實用，比一種一種改方便，就是要寫一個比較全面的公共類。要添加的樣式的元素.className=’你要添加的類名’;