Здравствуйте.
Как получить элемент в 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]'))">×</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>
Простой
Средний
Простой