仅在Firefox jQuery上出现JavaScript错误。延迟的例外：变量名未定义

Question

我只在Firefox上收到一个奇怪的错误。 事情可以在包括IE在内的所有其他浏览器上正常运行。

我得到的错误是

jQuery.Deferred异常：首先是未定义

$( document ).ready(function() {
    var customer = {{{json customer}}};
    var first = '';
    var second = '';
    var third = '';
    console.log(customer);

    var customer_id = '{{customer.customer_group_id}}';
    customer_id = customer_id * 1;
    console.log(customer_id);
    if(customer_id == 2 || customer_id == null || customer_id == 0){
        console.log('I am running');
        console.log("1 ->" + document.querySelectorAll('.breadcrumbs .breadcrumb')[1]['outerText']);
        var first = document.querySelectorAll('.breadcrumbs .breadcrumb')[1]['outerText'];
        first = first.trim();
        console.log("First ::" + first);
    }
});

问题似乎与修剪功能有关。 如果我尝试仍然会出现，

var newvariable = first.trim();

Answer 1

您使用的是非标准的outerText属性，Firefox不支持该属性，并且在读取时其结果与innerText属性相同 。

var first = document.querySelectorAll('.breadcrumbs .breadcrumb')[1].innerText;

如果您不需要支持较旧的浏览器，则textContent可能更可取，因为它的行为更加简单。

var first = document.querySelectorAll('.breadcrumbs .breadcrumb')[1].textContent;

如果您这样做，jQuery可以填写：

var first = $('.breadcrumbs .breadcrumb').eq(1).text();

Answer 2

outerText不是标准属性。 请改用.innerText 。

另请参阅： https : //developer.mozilla.org/zh-CN/docs/Web/API/HTMLElement/outerText