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

Question

如果我的问题很基础，请原谅我。我有一个 div 如下:

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

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

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

问题是我设置的第二个属性总是覆盖第一个，即这里只为 div 设置了 borderRight。如果我将 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。