サードパーティのJSスクリプトで作成されたHTMLコンテンツを変更する

Question

oktaのサインインウィジェットを使用して、顧客のカスタムサインインエクスペリエンスを作成しています。この 'ウィジェット'の一環として、この関数はHTMLログインフォームを作成します。これが生成するタグの1つ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