Wie kann ich ein Lesezeichen mit Javascript verwenden, um eine Website zu ändern css

Question

Ich bin nicht zu gut mit Farben und auf einem Moodle-Kurs Ich habe Nachhilfe Ich habe eine wirklich schwierige Zeit den Unterschied in ungelesenen und gelesenen Posts zu entdecken. Die ungelesenen Beiträge sind hervorgehoben, aber die Farbe ist zu ähnlich wie der Hintergrund für mich. Zuvor habe ich ein Javascript-Lesezeichen in Firefox verwendet, um eine Website zu ändern (select all for Amazon's AWS S3, die wirklich gut funktioniert).

Ich versuche, das AWS Lesezeichen JavaScript zu überarbeiten, um das CSS der Moodle-Seite zu ändern. Bisher habe ich:

javascript:(function() { 
    document.domain = 'whatever.domain'; 
    var unread = document.querySelectorAll(".unread"); 
    for (var i = 0; i < unread.length; i++) { 
     unread[i].style.background-color="blue"; 
     }; 
    })(); 

Inspektor Mit der CSS die Span-Element CSS wie folgt aussieht anzuzeigen:

#page-mod-forum-view .unread, .forumpost.unread .row.header, .path-course-view .unread, span.unread { 
background-color: #FFD; 
} 

Answer 1

Beachten Sie, dass die Eigenschaftsnamen in Kamel Fall sind und nicht die Kebab-Fall während Sie den Stil mit elt.style einstellen. (Das heißt elt.style.fontSize, nicht elt.style.font-Größe)

https://developer.mozilla.org/en-US/docs/Web/API/HTMLElement/style

So sollte es backgroundColor statt background-color in Ihrem Bookmarklet JavaScript-Code sein.