javascript - getElementsByClassName 不是 Firefox 中的函数

Question

<分区>

Answer 1

该代码中至少有 3 个问题:

1. 您不能像那样链接 getElementsByClassName。该函数操作DOM 元素，但返回一个对象 .

2. for (var book in books) 将在未考虑的对象属性上循环，并使此代码崩溃。 books 是一个对象，而不是一个数组。

3. book.style.backgroundColor 不是函数，也不是设置样式的方法。

4. 现在，getElementsByClassName 很少是处理此类事情的最佳方法；使用 querySelectorAll 获得更多:灵 active /功能/精度。

解决所有问题后，下面是应该 工作的代码——假设页面结构确实与问题中的代码结构相匹配。发布相关的 HTML 片段和/或指向确切页面的链接(如果没有)。

// ==UserScript==
// @name        Unpublished Lowlighter
// @description Makes the background of books not yet published on the Goodreads to-read shelf grey.
// @include     http://www.goodreads.com/*
// ==/UserScript==

function dateColor() {
    var books = document.querySelectorAll (
        ".bookalike.review .field.date_pub .value"
    );
    var today = new Date(); // More efficient, outside the loop.

    for (var J = books.length - 1;  J >= 0;  --J) {
        var book        = books[J];
        var dateString  = book.textContent;
        var date        = new Date(dateString);
        if (date > today) {
            book.parentNode.parentNode.style.setProperty ("background", "Lightgrey");
        }
    }
}

dateColor();