2014-08-30 95 views
0

你好,我已經開始學習Javascript和我想知道如果有一種方法可以刪除此樣式的特定屬性是解釋我的意思的JavaScript風格刪除特定屬性

<div id="divbrd" style="width:500px; height:350px; border:1px solid #000; box-shadow:10px 5px 10px #777;"></div> 

這樣的例子是一種風格div標籤,所以如果我想從樣式屬性我怎麼能做到這一點在這裏刪除的box-shadow是我做了什麼:

<script type="text/javascript"> 
    var div_brd = document.getElementById("divbrd"); 
    div_brd.removeAttribute("style","box-shadow"); 
    </script> 

指正請... 感謝

回答

0

試試這個

<script type="text/javascript"> 
var div_brd = document.getElementById("divbrd"); 
div_brd.style.boxShadow = "none"; 
</script> 

Fiddle:

在這個小提琴沒有對格框的陰影,但它是從JS

+0

不也行感謝.. – Istanbouly 2014-08-30 06:14:06

+0

我已經嘗試過了,將肯定工作。 div_brd.style.boxShadow =「none」;如果它不工作,我認爲你必須檢查你的電話。當你調用這個代碼? – Shail 2014-08-30 06:15:24

+0

http://jsfiddle.net/shaileshsavaliya/9wuudazh/檢查此鏈接 – Shail 2014-08-30 06:18:46

0

刪除,以防萬一,如果你想學習jQuery也。

$('#divbrd').css("box-shadow", ""); 
+0

我仍然是初學者的JavaScript,所以我不知道任何關於jQuery的,但感謝您的幫助 – Istanbouly 2014-08-30 06:13:31

+0

@Istanbouly歡迎,jquery不過是一個JavaScript庫。沒有jquery,現在的東西有點繁瑣.. – doniyor 2014-08-30 06:27:41

+0

我知道jquery是javascript的一個小庫,但我告訴過你在JavaScript中是新的,所以我仍然要練習它,然後去jquery – Istanbouly 2014-08-30 06:43:27

0

這將刪除該屬性

<script type="text/javascript"> 
var div_brd = $("#divbrd"); 
div_brd.style.boxShadow = "none"; 
</script> 

OR

<script type="text/javascript"> 
    $('#divbrd').css("box-shadow", "none"); 
    </script> 
+0

也沒有它仍然出現我已經嘗試了多個文本編輯器 – Istanbouly 2014-08-30 06:21:22

+0

然後我認爲問題是你在哪裏把你的JavaScript。把它放在頭上,如果它仍然不工作讓我知道 – himanshu 2014-08-30 06:25:47

+0

是的,它仍然不工作 – Istanbouly 2014-08-30 06:32:04