有谁知道如何在Javascript中更改对象左侧和右侧的边框？ [复制]

Question

我正在尝试根据之前的 URL 突出显示元素边框的两侧。我可以在整个元素周围创建一个边框，但我只想在左右两侧创建一个边框。

这是我目前使用的代码：

var lastURL = window.location.href.split('?')
document.getElementById(lastURL[1]).style.border = '2px solid gold'

但是，我宁愿使用这个代码：

var lastURL = window.location.href.split('?')
document.getElementById(lastURL[1]).style.border-left = '2px solid gold'
document.getElementById(lastURL[1]).style.border-right = '2px solid gold'

但是，这段代码拒绝工作，什么也没有发生。有谁知道解决这个问题？是否有 CSS 解决方法或可以在 Javascript 中完成？

Answer 1

您需要使用驼峰式命名您的属性名称，因为 JavaScript 属性名称中不允许使用破折号。解释器会将破折号视为减法运算符。

document.querySelector(".box").style.borderRight = "10px solid red";
document.querySelector(".box").style.borderLeft = "10px solid red";

.box {
  width: 100px;
  height: 100px;
  background: #000;
}

<div class="box"></div>

jsFiddle