Nicht erfasster TypeError: Eigenschaften von undefiniert können nicht gelesen werden (es wird „parentNode“ gelesen) ⇐ HTML

[Anonymous]

Ich habe das folgende Skript zu meiner Webseite hinzugefügt, auf der eine Newsletter-Anmeldeaktion durchgeführt werden kann. Ich versuche, einige benutzerdefinierte Inhalte anzuzeigen, sobald der Benutzer sich anmeldet.

Code: Select all

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/newsletter_success.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);

Ich erhalte den folgenden Konsolenfehler:

Code: Select all

Uncaught TypeError: Cannot read properties of undefined (reading 'parentNode')
at insertAfter ((index):666)
at (index):672

Liegt bei der Erstellung der insertAfter-Funktion ein Fehler vor? Möglicherweise liegt das Problem darin, dass das Skript geladen wird, bevor die Klasse „et_pb_newsletter_success“ erstellt wird, wenn auf die Schaltfläche „Abonnieren“ geklickt wird. Jeder Einblick wäre sehr dankbar!