Как исправить ошибку Cannot read property 'insertAdjacentHTML' of null?

Question

[Владимир Зуев]

Здравствуйте.
Есть программа

function createModel(){
     const models = document.getElementById("#parent");     
     let col_value = document.getElementById("color-result-nameID").textContent;
     let col_text = document.getElementById("color-result-text_col").textContent;
     let profit_ratio = document.getElementById("profit_ratio").value;
     let manager_ratio = document.getElementById("manager_ratio").value;
     let ad_ratio = document.getElementById("ad_ratio").value;
     let n = document.getElementById("color-result-divn").textContent;
     document.getElementById("color-result-divn").textContent = n+1;
    // console.log("manager_ratio = ", manager_ratio);
       const model = `
       <div id = "child-${n+1}"; class="child">
         <div  class="child-1" style="background: ${col_value}">
            <p class="collor-text" style="color: ${col_text}" >Цвет текста<span class="letter" onclick="closeDiv(this.closest('[id^=child]'))">&#215</span></p>
         </div>
         <p style="color: ${col_value}">Кф. прибыли
            <p class="color-kf">${profit_ratio}</p></p>
         <p style="color: ${col_value}">Кф.менеджера</p>
         <p class="color-kf">${manager_ratio}</p></p>
         <p style="color: ${col_value}">Кф. рекламы</p>
         <p class="color-kf">${ad_ratio}</p></p>
      </div>
       `;
    models.insertAdjacentHTML('afterbegin', model);
   };

Как исправить ошибку Cannot read property 'insertAdjacentHTML' of null? Прошу помощи.

Answer 1

[mityayka1]

Неправильно задан айди. Пробуйте либо querySelectorAll, либо указывайте айди