Блог

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

 lt;scriptgt;  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); lt;/scriptgt;  

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

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

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

getElementsByClassName — дает массив, поэтому вам нужно получить элементы из этого массива и использовать его.

 var news = document.getElementsByClassName("et_pb_newsletter_success")[0];