IE7环境下 querySelectorAll 不兼容的解决办法获取标签属性

最新推荐文章于 2023-10-24 18:37:19 发布

NKMercyPLZ

最新推荐文章于 2023-10-24 18:37:19 发布

阅读量2.1k

点赞数 2

分类专栏：前端-兼容文章标签： javascript IE兼容 IE7

本文链接：https://blog.csdn.net/qq_36501981/article/details/105713148

版权

前端-兼容专栏收录该内容

1 篇文章 0 订阅

订阅专栏

// 获取所有的标签，拿到所有的属性（class同理）
function getAllElementsWithAttribute(attribute)
{
  var matchingElements = [];
  var allElements = document.getElementsByTagName('*');
  for (var i = 0, n = allElements.length; i < n; i++)
  {
    if (allElements[i].getAttribute(attribute) !== null)
    {
      // Element exists with attribute. Add to array.
      matchingElements.push(allElements[i]);
    }
  }
  return matchingElements;
}


// 用法 匹配<div show-controller="xxx"></div>
if(document.querySelectorAll) {
    var __node = document.querySelectorAll("[show-controller]");
} else {
	var __node = getAllElementsWithAttribute("show-controller")
}

有过一篇文章写的也可以解决这种情况，但是着实不太好使

整理归纳了stackOverFlow的一篇问答