HTML-Inhalt ändern, erstellt von JS-Skript von Drittanbietern

Question

Ich erstelle eine benutzerdefinierte Anmeldeerfahrung für einen Kunden mit okta Anmelde-Widget. Als Teil dieses "Widgets" erstellt die Funktion ein HTML-Anmeldeformular. Einer der Tags, die generiert werden Ich möchte den Inhalt ändern, nachdem er beim Laden der Seite vom Okta-Widget generiert wurde.

Ich habe eine Geige erstellt, wo ich den folgenden Code verwendet habe, um den Inhalt zu ändern, aber es scheint nicht zu funktionieren.

$(document).ready(function(){ 
var headingClass = document.getElementsByClassName("okta-form-title"); 
headingClass.innerHTML = "<h2>Public Offers</h2>"; 
}) ; 

Bitte könnte jemand beraten, wie man das funktioniert.

Answer 1

getElementsByClassName wird Ihnen ein Array von Elementen mit diesem Klassennamen geben. Sie müssen also über sie zu durchlaufen, oder wenn Sie sind sicher, dass es nur ein Element, verwenden getElementsByClassName[0]

Beispiel:

$(document).ready(function(){ 
    var headingClass = document.getElementsByClassName("okta-form-title"); 
    headingClass[0].innerHTML = "<h2>Public Offers</h2>"; 
}) ; 

Weitere Informationen: https://developer.mozilla.org/en/docs/Web/API/Document/getElementsByClassName