Javascript从样式中删除特定属性答案

【问题标题】：Javascript Remove specific attribute from styleJavascript从样式中删除特定属性
【发布时间】：2014-10-24 03:05:55
【问题描述】：

您好，我已经开始学习 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>

请纠正我... 谢谢

【问题讨论】：

标签： javascript jquery html css

【解决方案1】：

试试这个

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

Fiddle:

在这个小提琴中，div 上有框阴影，但它正在从 js 中删除

【讨论】：

我已经尝试过了，它肯定会起作用。 div_brd.style.boxShadow = "无";如果它不起作用，我认为你必须检查你的电话。你什么时候调用这个代码？
这里可以工作，但在我的文本编辑器上却不行，所以问题出在我的文本编辑器上
您使用的是哪个文本编辑器。你能创造小提琴吗？
我使用的是 HTMLpad 2014，有时使用的是 Visual Studio 2010
终于在我使用 Visual Studio 2010 时成功了

【解决方案2】：

以防万一你也想学习 jquery。

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

【讨论】：

我还是 javascript 的初学者，所以我对 jquery 一无所知，但感谢您的帮助
@Istanbouly 欢迎，jquery 只不过是一个 javascript 库。没有 jquery，现在的事情有点乏味..
我知道 jquery 是一个小型的 javascript 库，但我告诉过你它是 javascript 的新手，所以我仍然需要更多地练习它然后去 jquery
@Istanbouly 是的，这只是一个提议。从纯js开始是正确的学习方式。玩得开心

【解决方案3】：

这将删除属性

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

或

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

【讨论】：

不，它仍然出现我已经尝试了多个文本编辑器
那么我认为问题在于您将 javascript 放在哪里。把它放在头上，如果它仍然不起作用，请告诉我
是的，现在可以了，但你知道我不能标记多个答案，而且我已经标记了一个