Uncaught TypeError: невозможно прочитать свойства неопределенного значения (чтение «parentNode») ⇐ Html

[Anonymous]

Я добавил на свою веб-страницу следующий сценарий, в котором может выполняться действие подписки на информационный бюллетень. Я пытаюсь отображать пользовательский контент после подписки пользователя.

Код: Выделить всё

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);

Я получаю следующую ошибку консоли:

Код: Выделить всё

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

Есть ли ошибка в том, как я создал функцию InsertAfter? Возможно, проблема в том, что скрипт загружается до создания класса «et_pb_newsletter_success» при нажатии кнопки подписки. Любая информация будет очень признательна!

Подробнее здесь: https://stackoverflow.com/questions/703 ... parentnode