对此我感到抱歉,我刚开始使用JS,但实际上我听不懂

我想找到我李边框的所有颜色

HTML:

  <li><a href="#"><i class="fas fa-home"></i></a></li>
  <li><a href="#"><i class="fas fa-user"></i></a></li>
  <li><a href="#"><i class="fas fa-briefcase"></i></a></li>
  <li><a href="#"><i class="far fa-images"></i></a></li>
  <li><a href="#"><i class="fas fa-envelope"></i></a></li>


SCSS:

  li {
    height: 20%;
    width: 100%;
    list-style: none;
    text-align: center;
    &:nth-child(1) {
      border-right: 6px solid #2196F3;
    }
    &:nth-child(2) {
      border-right: 6px solid #00BCD4;
    }
    &:nth-child(3) {
      border-right: 6px solid #4CAF50;
    }
    &:nth-child(4) {
      border-right: 6px solid #FFC107;
    }
    &:nth-child(5) {
      border-right: 6px solid #FF5722;
      border-bottom: none;
    }
    a {
      color: $white;
      line-height: 20vh;
    }
  }


我尝试了这个,但是我不确定

let icons = document.querySelectorAll('li');
console.log(icons.style.borderColor);


很抱歉这个菜鸟问题。感谢帮助 !
祝你有美好的一天 :)

最佳答案

首先,您将获取icons变量中的元素列表。您必须遍历它才能找到每个元素的边框颜色。

var icons = document.querySelectorAll('li');
icons.forEach(function(i) {
   console.log(i)
   console.log(i.style['background-color']);
});

关于javascript - 查找所有<li>的边框颜色,我们在Stack Overflow上找到一个类似的问题:https://stackoverflow.com/questions/50540432/

10-12 12:50
查看更多