Uncaught TypeError: не могу прочитать свойства неопределенных (чтение «ParentNode») ⇐ Html

[Anonymous]

Я добавил следующий сценарий на мою веб -страницу, где может произойти действие регистрации новостной рассылки. Я пытаюсь отобразить какое -то пользовательское контент, как только пользователь будет подписать. < /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>
Я получаю следующую ошибку консоли: < /p>
Uncaught TypeError: Cannot read properties of undefined (reading 'parentNode')
at insertAfter ((index):666)
at (index):672
< /code>
Есть ли ошибка в том, как я создал функцию insertafter? Возможно, проблема заключается в том, что скрипт загружается до создания класса «ET_PB_NEWSLETTER_SUCCESS», когда нажата кнопка подписки. Любое понимание было бы очень приспособлено!

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