Compatibility of document.querySelectorAll in IE, Edge and Safari

十年热恋 提交于 2020-01-06 11:07:31

问题


Reference answer: https://stackoverflow.com/a/38399344/5132413

Please refer my question and the answer linked above works only in Firefox, Chrome, and Opera.

I did some research and found that it (case insensitivity flag) isn't compatible. I need an equivalent in IE, Edge and Safari.

var divs = document.querySelectorAll('div[class^="foo" i]');

回答1:


Since css level 4 is still in drafts, case-sensitivity selector is not compatible with most browsers. You may use filter method like this:

var divs = [].slice.call(document.querySelectorAll('div')).filter(function(el){
   return el.className.match(/^foo/i);
});

Update: Need to state that you can now use css4 selector.

document.querySelectorAll('div[class^="foo" i]');

See this link for browser compatibility.



来源:https://stackoverflow.com/questions/38697440/compatibility-of-document-queryselectorall-in-ie-edge-and-safari

易学教程内所有资源均来自网络或用户发布的内容,如有违反法律规定的内容欢迎反馈
该文章没有解决你所遇到的问题?点击提问,说说你的问题,让更多的人一起探讨吧!