Изменение содержимого HTML, созданного сторонним JS-скриптом

Question

Я создаю пользовательский интерфейс для входа в систему, используя okta Sign in Widget. В рамках этого «виджета» функция создает форму входа в систему HTML. Один из тегов, которые это генерирует, я хочу изменить содержимое после того, как он был сгенерирован при загрузке страницы с помощью виджета Okta.

Я создал скрипку, в которой я использовал следующий код для изменения содержимого, но он, похоже, не работает.

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

Возможно, кто-нибудь посоветует, как это сделать.

Answer 1

getElementsByClassName предоставит вам массив элементов с этим именем класса. Так что вам нужно перебрать его, или, если вы уверены, что есть только один элемент, используйте getElementsByClassName[0]

Пример:

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

Дополнительная информация: https://developer.mozilla.org/en/docs/Web/API/Document/getElementsByClassName