타사 JS 스크립트로 작성한 HTML 컨텐츠 수정

Question

okta 로그인 위젯을 사용하여 고객을위한 맞춤 로그인 경험을 만들고 있습니다. 이 '위젯'의 일부로이 함수는 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