Javascript 查找所有

对此我很抱歉，我刚开始学习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>

我试过了，但没有定义

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']);
});

---

你想要一个for循环。因为你有一组元素。要尝试我的意思，请检查console.logicons[0].style.borderColor。我得到了一个空值：style属性只包含标记中定义的值，而不包含包含的样式表或节中计算的样式。你必须用抱歉。那是另一回事。使用.style，您只能获得内联样式。您需要window.getComputedStyledocument.QuerySelector all'li'[0].getPropertyValue'border-color'。哦，好的，我明白了。谢谢现在我必须在所有的li上循环找到所有的颜色。我要试试。再次感谢上帝保佑你！多谢各位

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