Javascript 如何动态插入HTML代码？

有两种类型（个人和公司）。我设法为个人编写代码，但现在我想为公司编写同样的代码

所以我试着用

<%
    for(int k=0;k<clientTypes.length;k++) {
%>

JAVASCRIPT

  $('#dates').change(DatesChanged);
    DatesChanged();

   function DatesChanged() {
       var date = $('#dates').val();
       var splitDate = date.split("/");
       day = splitDate[0];
       month = splitDate[1];
       year = splitDate[2];
       var maxDays = daysInMonth(month, year);
       var array = CreateJSONArray(maxDays, date);
   }
function DisplayTable(data) {

        //heading
        document.getElementById("month-year").innerHTML = data[0].monthName + ", " + data[0].year;

        //Table
        $('#dayTableBody').empty();
       $.each(data, function(key,value) {
           data += '<tr align="center">';
           data += '<td>' + value.dayNumber + '<input type="hidden" name="dayNumber" value="'+value.dayNumber +'">' + '</td>';
           data += '<td>' + value.dayName + '</td>';
           data += '<td>' + '<input class="text-center" type="number" value="0" id="numberOfClients" name="amountOfClients"> ' + '</td>';
           data += '</tr>';
       });
       $('#dayTableBody').append(data);

    }

$（“#日期”）。更改（日期更改）；
DatesChanged（）；
函数DatesChanged（）{
var date=$（'#dates'）.val（）；
var splitDate=日期。拆分（“/”）；
日期=拆分日期[0]；
月份=拆分日期[1]；
年份=拆分日期[2]；
var maxDays=daysInMonth（月，年）；
var array=CreateJSONArray（maxDays，date）；
}
函数显示表（数据）{
//标题
document.getElementById（“月-年”）.innerHTML=数据[0]。monthName+，“+数据[0]。年；
//桌子
$（'#dayTableBody'）.empty（）；
$。每个（数据、函数（键、值）{
数据+=''；
数据+=''+值.dayNumber+''；
数据+=''+值.dayName+''；
数据+=''+''+''；
数据+=''；
});
$（'#dayTableBody'）。追加（数据）；
}

使用id=“日期-”和id=“月-年-”

在javascript中，使用类而不是id

使用id=“日期-”和id=“月-年-”

在javascript中，使用类而不是id

功能显示（）{
var html=“”；
对于（变量i=0；i

}

我在javascript中创建了这个函数，它动态地创建表，其中包含2列 通过这种方式，您还可以在html代码中添加所需的任何内容{ var html=“”； 对于（变量i=0；i }

我在javascript中创建了这个函数，它动态地创建表，其中包含2列

---

通过这种方式，您还可以在您的html代码中添加任何您想要的内容，我该如何做：`document.getElementById（“月-年”）.innerHTML=data[0].monthName+，“+data[0].year；`？您可以改为使用document.getElementsByCassName（）。这将返回一个数组，您可以在该数组上对数组中的每个结果执行操作。因此，我是否使用id=dates或id=“dates-”？您可以使用id=“dates-”保持其语法正确。并且，在所有要引用它们的位置使用类来引用它们，而不是id。当我在“公司”选项卡上时，我的javascript仍然不工作。我该如何做：`document.getElementById（“月-年”）.innerHTML=data[0].monthName+，“+data[0].year；`？您可以改为使用document.getElementsByCassName（）。这将返回一个数组，您可以在该数组上对数组中的每个结果执行操作。因此，我是否使用id=dates或id=“dates-”？您可以使用id=“dates-”保持其语法正确。并且，在所有你想引用它们的地方，使用类来引用它们，而不是id。当我在公司选项卡上时，我的javascript仍然不起作用。什么是

list

？list是我数组的名称，其中我的值是storedvar list=[“abc”，“efg”]你疯了。必须有一个更简单的方法来做到这一点。我不会更改我所有的代码。什么是

列表

？列表是存储我的值的数组的名称var list=[“abc”，“efg”]你疯了。必须有一个更简单的方法来做到这一点。我不会更改所有代码。

  $('#dates').change(DatesChanged);
    DatesChanged();

   function DatesChanged() {
       var date = $('#dates').val();
       var splitDate = date.split("/");
       day = splitDate[0];
       month = splitDate[1];
       year = splitDate[2];
       var maxDays = daysInMonth(month, year);
       var array = CreateJSONArray(maxDays, date);
   }
function DisplayTable(data) {

        //heading
        document.getElementById("month-year").innerHTML = data[0].monthName + ", " + data[0].year;

        //Table
        $('#dayTableBody').empty();
       $.each(data, function(key,value) {
           data += '<tr align="center">';
           data += '<td>' + value.dayNumber + '<input type="hidden" name="dayNumber" value="'+value.dayNumber +'">' + '</td>';
           data += '<td>' + value.dayName + '</td>';
           data += '<td>' + '<input class="text-center" type="number" value="0" id="numberOfClients" name="amountOfClients"> ' + '</td>';
           data += '</tr>';
       });
       $('#dayTableBody').append(data);

    }

function display(){

var html = "<table id='mytable' cellspacing='0' cellpadding='0'>";
        for (var i = 0; i < list.length; i++) 
            {
                var k=i+1;
            html+="<tr>";
            html+="<td>"+" "+k+". "+list[i]+"</td>";
            html+="<td id='btns'> <input type='button' value='edit' class='edit-btn' onclick='editrow(this);'> ";
            html+="</td>";
            html+="</tr>";
                k=0;
            }
        html+="</table>";
        document.getElementById("lists").innerHTML = html;