javascript - 如何使用 javascript 设置边框样式？

Question

我有一段这样的CSS代码:

.profile img.profilePic {
  position: absolute;
  margin: -50px 70px 50px 50px;
  background: #2f293d;
  border: 1px solid #2f293d;
  padding: 1px;
  border-radius: 50%;
  box-shadow: .2rem .2rem 1rem rgba(0, 0, 0, .5);
}

现在，如果我想在 Javascript 中更改 border: 1px solid #2f293d; 怎么办...？？？

我试过了:

var colorA = document.getElementsByClassName("profile img.profilePic")[userA_Index];
colorA.style.border = "1px solid #000";

还有:

var colorA = document.querySelector(".profile img.profilePic")[userA_Index];
colorA.style.border = "1px solid #000"

没有成功。

注意:我已经使用下面的代码做了这样的样式，但是边框...

var colorA = document.getElementsByClassName("level")[userA_Index];
colorA.style="font-family:verdana; color:red; font-size:20;"

非常感谢任何解决此问题的帮助...

Answer 1

 $(".row").css({"border" : "1px solid #000","padding" : "5px"});

You can use JQuery as well

    <script src="https://code.jquery.com/jquery-3.4.0.min.js" integrity="sha256-BJeo0qm959uMBGb65z40ejJYGSgR7REI4+CW1fNKwOg=" crossorigin="anonymous"></script>
    <script>
      $(".row").css({"border" : "1px solid #000","padding" : "5px"});
    </script>
    <div class="row"> Hello World</div>