小编Nih*_*kar的帖子

我需要制作这样的子弹点:

我试着想办法怎么做,但我唯一能想到的就是在photoshop中制作它,并制作一个img src标签.最好的是它是ul和li标签.

有人知道怎么做吗？我尝试过类似的东西,但它无法正常工作: JSFIDDLE

HTML

<a href="abecadlo/"><div class="galeria">1</div></a>
<a href="abecadlo/"><div class="galeria">2</div></a>
<a href="abecadlo/"><div class="galeria">3</div></a>

CSS

.galeria{
    border-style: solid;
    border-width: 1px;
    border-color: black;
    width: 200px;
    height: 200px;
    border-radius: 50%;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    margin-right: 2%;
    display: inline;
}

我正在努力将 JQuery 项目转换为纯 JavaScript，但我坚持使用以下代码。

$(".element-has-class:visible")

我想也许沿着这些路线的东西可能会捕获所有可见元素（在我的项目列表项的情况下），但我没有运气：

function functionName (){
  var elementsOnShow = document.getElementsByClassName('element-has-class').find(isVisible);
}

function isVisible(element) {
  return element.style.display === 'block';
}

（block已在 CSS 中设置）。有没有办法在一个变量中获取所有可见元素？