Unbekundetes TypeRror: Die Eigenschaften von undefined können nicht lesen (lesen Sie 'ParentNode') ⇐ HTML

[Anonymous]

Ich habe meiner Webseite das folgende Skript hinzugefügt, auf dem eine Aktion für Newsletter -Anmeldungen erfolgen kann. Ich versuche, benutzerdefinierte Inhalte anzuzeigen, sobald der Benutzer abonniert. < /P>

function insertAfter(referenceNode, newNode) {
referenceNode.parentNode.insertBefore(newNode, referenceNode.nextSibling);
}

var news = document.getElementsByClassName("et_pb_newsletter_success")[0].selectedIndex;
var text = document.createTextNode("Thank you for joining our SOS Family! We are very grateful to have you with us. Thanks to compassionate people like you, SOS is meeting needs and improving the lives of our friends and neighbours in District 69. You can expect valuable emails from us on a regular basis, and you can unsubscribe at any time.");
var learn = document.createTextNode("Learn more about SOS.")
insertAfter(news,text);
insertAfter(text,learn);

var img = document.createElement("img");
img.src = "https://sosd69.com/wp-content/uploads/n ... ccess.jpeg";

insertAfter(learn,img);

let btn = document.createElement("button");
btn.innerHTML = "Watch Video";
btn.onclick = function () {
window.location='https://www.youtube.com/watch?v=OcYyhazCiHs';
};
btn.classList.add("et_pb_button_0");
insertAfter(img,btn);

< /code>
Ich empfange den folgenden Konsolenfehler: < /p>
Uncaught TypeError: Cannot read properties of undefined (reading 'parentNode')
at insertAfter ((index):666)
at (index):672
< /code>
Gibt es einen Fehler in der Art und Weise, wie ich die Funktion InsertAfter erstellt habe? Vielleicht ist das Problem, dass das Skript vor der Klasse "et_pb_newsletter_success" erstellt wird, wenn die Schaltfläche "Abonnement" klickt. Jede Einsicht wäre sehr angerechnet!