Javascript 数组中的动态HTML行

如果你有这样一个数组

companies = [COMPANY_1, COMPANY_2]

我有一个HTML文件，其中包含一个名为“companys”的div类。如何在HTML文件中构建行，使其显示与此相同的内容（但动态显示）

公司1
公司2

---

这是在谷歌应用程序脚本中，数组将一直在变化。HTML是Google应用程序脚本中的侧栏。

您可以使用类似javascript的javascript创建元素

function CreateElementFromArray() {
   var companies = [COMPANY_1, COMPANY_2];
   var companyElement = document.getElementsByClassName('companies')[0];
   for (var i=0; i < companies.length; i++) {
     var nwtag = createElementHtml(companies[i], 'div', companies[i]);
     companyElement.appendChild(nwtag);
   }
}

    function createElementHtml(id,tagname, text) {
      var containerdiv = document.createElement('div');
      containerdiv.className = 'row';

      var nwtag = document.createElement(tagname);
      nwtag.id = id;
      containerdiv.innerText = text;
      containerdiv.appendChild(nwtag);
      return containerdiv;
    }

函数CreateElementFromArray（）{
var公司=[公司1，公司2]；
var companyElement=document.getElementsByClassName（'companys'）[0]；
对于（var i=0；i

这可以通过使用innerhtml实现

var companies = ["COMPANY_1", "COMPANY_2"]

companies.forEach(company => {

document.getElementById("companies").innerHTML = document.getElementById("companies").innerHTML + `<div class="row">${company}<div>`
})

var公司=[“公司1”、“公司2”]
companys.forEach（company=>{
document.getElementById（“公司”）.innerHTML=document.getElementById（“公司”）.innerHTML+`${company}`
})

请按照中的建议添加您的搜索/研究工作的简要说明。

var companies = ["COMPANY_1", "COMPANY_2"]

companies.forEach(company => {

document.getElementById("companies").innerHTML = document.getElementById("companies").innerHTML + `<div class="row">${company}<div>`
})