vladd56
@vladd56
Пенсионер

Как получить элемент в сайдбаре?

Здравствуйте.
Как получить элемент в index. html по его id или классу?
Пробовал так
const models = document.querySelector(".models");
и так
var doc = DocumentApp.openById(".models");
Ничего не получается. Как правильно получить этот элемент? Прошу помощи.
Код index.html
<!DOCTYPE html>
<html>
<head>
<base target="_top">
</head>
<body>
  <?!= include('styles') ?>
  <h1 style="text-align: center;">Шаблоны</h1>
  <div class="parent models" style="margin:0 auto; width:290px" > 
  <br>  
      <div id="color" style="margin:0 auto; width:290px">
           <?!= include('picker') ?>
      </div>
  </div>
<script>
function createModel(){
 
     const models = document.querySelector(".models");
     var doc = DocumentApp.openById(".models");
     alert('doc =', doc);
     console.log(models);
     //Logger.log('models =',models);
     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);
   };
  
function getData(){
  var hex_col = document.getElementById("color-result-hex").innerText;
  var name_col = document.getElementById("color-result-name").innerText;
  var txt_col = document.getElementById("color-result").style.color;
var color = [hex_col, name_col, txt_col];
// google.script.run.withSuccessHandler().receiveData(color);
function closeDiv(el){
      el.parentNode.removeChild(el);
      }
};
</script>
</body>
</html>
  • Вопрос задан
  • 48 просмотров
Решения вопроса 1
@mityayka1
document.querySelectorAll
Ответ написан
Комментировать
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы
18 мая 2022, в 00:48
3000 руб./за проект
18 мая 2022, в 00:31
100000 руб./за проект
18 мая 2022, в 00:09
15000 руб./за проект