Nicht Lesen-Eigenschaft 'style' undefined — nicht abgefangene Fehler Geben

Ich würde gerne die Farbe ändern, die Schriftgröße und den Schriftschnitt für den text in ein span-element der html-Seite.

Ich bin mit dem folgenden code:

if(window.location.href.indexOf("test") > -1){
    var search_span = document.getElementsByClassName("securitySearchQuery");
    search_span[0].style.color = "blue";
    search_span[0].style.fontWeight = "bold";
    search_span[0].style.fontSize = "40px";
}

Folgenden ist der code für meine html-Seite

<h1 class="keyword-title">Search results for<span class="securitySearchQuery"> "hi".</span></h1>

Ich dachte an Elemente von id, aber leider sind Sie nur Klassen und keine ids. Ich habe keinen Zugriff zum ändern der html-code, sondern nur um js-code zur website extern.

Ich habe versucht, sich in andere stackoverflow-Beiträge, sondern konnte die Lösung finden.
Bin neu in js und css,Bitte lassen Sie mich wissen, wo Sie gehe falsch.

Nicht Lesen-Eigenschaft 'style' undefined — nicht abgefangene Fehler Geben

Dies funktioniert, wenn ich es noch hier versuchen: jsfiddle.net/du2ot93e - ich glaube, Ihre if - Anweisung fehlschlägt.
Erreichen Sie die if Aussage?
Dass der code funktioniert. Dinge, die Sie beachten sollten: gibt es die if-Bedingung, die Sie wollen? Liest du die Eigenschaft "style" an anderer Stelle des Codes? Ist dort, wo der code nicht funktioniert?
Hey Jungs vielen Dank für die Antwort. Ich habe anbei der screenshot von dem Bild. Wenn ich mit einem Code-snippet, das Sie in den Chrome-Entwickler-tools und ohne wenn-Bedingung der code funktioniert gut, aber wenn ich mit der if-Bedingung und ich den code einfügen in system, dann gibt es diesen Fehler, seine Art von komisch für mich
Nebenbei bemerkt: Da sind Sie auf der Suche für ein einzelnes element, die Sie nutzen könnten var span = document.querySelector(".securitySearchQuery"); gibt ein einzelnes element, und dann einfach die Referenz span.style ohne dass wählen Sie die 0 index.

InformationsquelleAutor sravan kumar | 2017-02-21

10

Fügen Sie Ihre <script> auf die Unterseite des <body> oder fügen Sie einen Ereignis-listener für DOMContentLoaded folgenden diese StackOverflow-Frage.

Wenn das Skript führt in die <head> Abschnitt des Codes, document.getElementsByClassName(...) werden, gibt ein leeres array zurück, weil der DOM noch nicht geladen ist.

Sich die Type Error denn Sie verweisen search_span[0], aber search_span[0] ist undefined.

Dies funktioniert, wenn Sie es ausführen in Dev-Tools, weil der DOM bereits geladen ist.

InformationsquelleAutor J. Titus

Schreibe einen Kommentar

Du musst angemeldet sein, um einen Kommentar abzugeben.