javascript - document.location 如果页面具有特定值的类

Question

我使用 PHPMailler，提交表单后需要重定向页面并获得成功弹出窗口。

当我成功提交表单时，弹出窗口中会显示已发送消息(JS 添加类“msg”，值为已发送)。

我需要重定向并尝试:

(function ($) {
    var text = document.getElementsByClassName("msg").innerHTML;
    if (text == "Sent") {
        window.location = "http://www.test.com"
    }
})(jQuery);

但还没有积极的结果。有人可以帮助我吗？!

UPD:我有 bootm 的答案应该有效，抱歉，我想我没有清楚地描述我需要什么或我拥有什么。

我有 PHPMailer，如果我成功提交表单，则返回到另一个 PHPMailer JS 脚本代码“MF000”，该编码然后 JS 脚本在弹出窗口中添加带有“已发送”文本的“msg”类，我需要重定向到另一个页面相反，这个弹出窗口，也许我可以使用一些监听器来监听“MF000”代码或其他内容？

Answer 1

getElementsByClassName 返回一个数组，因此它不会有 innerHTML 属性。您需要通过索引访问结果数组。假设您想要第一个匹配的元素，这应该可行:

(function ($) {
    var text = document.getElementsByClassName("msg")[0].innerHTML.trim();
    if (text == "Sent") {
        window.location = "http://www.test.com"
    }
})(jQuery);

请注意使用 trim() 来删除可能影响比较检查的前导/尾随空格。或者，当您使用 jQuery 时，您可以这样做:

(function ($) {
    var text = $(".msg").text().trim();
    if (text == "Sent") {
        window.location = "http://www.test.com"
    }
})(jQuery);

此外，请确保您在加载 DOM 之后运行代码。仅靠闭包并不能完成这项工作。