JavaScript 错误仅在 Firefox jQuery.Deferred 异常 : variablename is undefined 上

Question

我仅在 Firefox 上遇到奇怪的错误。在包括 IE 在内的所有其他浏览器上，一切都按预期工作。

我遇到的错误是

jQuery.Deferred exception: first is undefined

$( 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);
    }
});

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

var newvariable = first.trim();

Answer 1

您正在使用非标准 outerText 属性，Firefox 不支持该属性，evaluates to the same thing as the innerText property when read 。

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();