纯javascript实现通过属性选择元素

最新推荐文章于 2024-07-12 08:35:59 发布

倪舒扬

最新推荐文章于 2024-07-12 08:35:59 发布

阅读量1.2k

点赞数 1

文章标签： javascript

本文链接：https://blog.csdn.net/u010403387/article/details/44650659

版权

纯javascript实现通过属性选择元素

<span style="font-size:18px;">function getElementsByAttribute(attribute,value)
{
  var matchingElements = [];
  var allElements = document.getElementsByTagName('*');
  for (var i = 0, n = allElements.length; i < n; i++)
  {
    if (allElements[i].getAttribute(attribute) == value)
    {
      matchingElements.push(allElements[i]);
    }
  }
  return matchingElements;
}
</span><pre name="code" class="html"><span style="font-size:18px;">getElementsByAttribute('uid','88');</span>

以上代码等同于jquery的$("[uid='88']"),ie8及以上版本还可以直接使用js的 querySelectorAll() 方法(querySelectorAll("[uid='88']"))