修改 HTML 由第 3 方 JS 脚本创建的内容

Question

我正在使用 okta 登录小部件为客户创建自定义登录体验。作为此 'widget' 的一部分，该函数创建了一个 HTML 登录表单。这个生成的标签之一我想在 Okta 小部件在页面加载时生成它之后修改它的内容。

我创建了一个 fiddle，我在其中使用以下代码修改了内容，但它似乎不起作用。

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

请有人告诉我如何让它工作。

Answer 1

getElementsByClassName 将为您提供具有该 class 名称的元素数组。所以你需要迭代它，或者如果你确定只有一个元素，使用 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

修改 HTML 由第 3 方 JS 脚本创建的内容

Modify HTML Content Created by 3rd Party JS Script

html

javascript

jquery

okta