使用javascript为div设置border-left和border-right

Question

如果我的问题非常基本，请原谅我。我有一个div如下：

<div id="container">...</div>

现在，我正在尝试在脚本中为border-left设置border-right和div属性：

<script>
   var div = document.getElementById("container");
   div.style.borderLeft = "1px solid white";
   div.style.borderRight = "1px solid white";
</script>

问题是我设置的第二个属性总是覆盖第一个属性，即此处borderRight只设置了div。如果我将style.borderRight后跟style.borderLeft，则它仅设置border-left属性。为什么会这样？如果我直接在css中设置它，它可以正常工作。

感谢。

Answer 1

您可以使用Jquery

$("#container").attr("style"," border-left: 1px solid white; border-right: 1px solid white")

这会将属性样式添加到id为“container”的div，并将两个边框作为值。