时间戳

首页 > 解决方案 > 如何根据 Material-icons 名称查找元素？

javascript - 如何根据 Material-icons 名称查找元素？

问题描述

下面是我需要通过 JavaScript 找到的 html：

 <i class="material-icons bh-icon-accordion">keyboard_arrow_up</i>

我有一个arrow_up元素和几个arrow_down元素，因此查找元素class不是一种选择。此外，该项目没有id属性，因此document.getElementById不是一个选项。

有没有办法通过“ keyboard_arrow_up”找到它？

标签： javascripthtml

解决方案

正如@AminJafari 在评论中所说，这是一项非常繁重的操作，它可能会影响你的表现。您仍然可以在第一个实例中限制您的元素并稍后过滤它们，这将产生较小的影响：

Array.from(document.querySelectorAll('.material-icons'))
  .map(_ => _.innerText)
  .filter(text => text === 'keyboard_arrow_up');

推荐阅读