javascript-dom - Safari浏览器不支持element.querySelector querySelectorAll这两个原生的dom选择器？

问题描述

问 题

document.querySelector可以运行
element.querySelector 会提示"undefiend function querySelecotr"
你们有遇到这个问题吗？

---

代码如下，是在mac OSX 10.10.5 safari 9.1.1 下运行这段JS。

var 
   dealers = TOOLKIT.objectToArray(document.querySelector('.order-panel').querySelectorAll('.panel-default')),//这里正常，因为dom对象是document
   avaliable_dealers = dealers.filter(function(dealer_item){
       var
          js_product = TOOLKIT.objectToArray(dealer_item.querySelectorAll('.js_product'));
       return js_product.some(function(js_product_item){
           return js_product_item.querySelector('.js_checkbox').checked;
       });
   });
 ....            

TOOLKIT.objectTOArray是将dom对象强制转换成数组的一个方法，代码如下：

    TOOLKIT.objectToArray = function(obj){
        var
            arr = [],
            index,
            type = typeof(obj);
        if(type == 'object' && !Array.isArray(obj)){
            for(index in obj){
                if(obj.hasOwnProperty(index)){
                    arr.push(obj[index])
                }
            }
        }

解决方案

支持的哦^_^

当然，你浏览器版本未知哈！

你可以在Safari中打开这个页面，打开调试模式，点击调试器，输入：

document.querySelector('[data-id="1010000005730398"]').querySelector('a');

你就会看到输出结果。

我个人猜测，是你第一级获取dom对象就出了问题。

这篇关于javascript-dom - Safari浏览器不支持element.querySelector querySelectorAll这两个原生的dom选择器？的文章就介绍到这了，希望我们推荐的答案对大家有所帮助，也希望大家多多支持IT屋！