对此我感到抱歉,我刚开始使用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/