有选择地添加&#34;表&#34;使用HTML到多个选项卡(<div>)

时间:2017-08-11 06:43:49

标签: javascript html css html5

我是一个C ++应用程序,用于编写&#34;表&#34;到HTML文件。 我已经通过使用简单的HTML将所有tabl写在另一个下面的方式实现了API()。 (我将HTML转换为C ++字符串&amp;然后将它们写入文件)。

for(int i=0;i<totalNumOfTables;++i)
{
    WriteTableName(tabName);
    WriteTableHeader(vector_of_strings_header);
    while(!all_rows_are-filled())
    {
        writeRowsToTable(vector_of_strings_row);
    }
    MarkTableEnd();
}
  

但是,我想将这些表写入4个选项卡(基于   每个表所属的类别)在同一个HTML文件中,所以   我可以对表格进行分类。

我从&#34; this link了解到标签可用于在HTML中创建标签。

但是,如何在每个HTML标签中有选择地创建/添加HTML表格?

我对HTML,javascript非常陌生,因此对我很轻松。

1 个答案:

答案 0 :(得分:0)

第一步是创建标签HTML

function FirstCallthisMethd() {
    var tabsHtml = '<div class="tab">';

    for (i = 0; i < totalNumOfTables; ++i) {
        tabsHtml += '<button class="tablinks" onclick="openCity(event, totalNumOfTables[i].TableName>totalNumOfTables[i].TableName</button>'
    }

    tabsHtml += '</div>'

    CreateTabs(tabsHtml);

}

现在使用Writetabcontent方法在表上添加tabcontent:

for (i = 0; i < totalNumOfTables; ++i) {

    Writetabcontent('<div id=totalNumOfTables[i].TableName class="tabcontent">')
    WriteTableName(tabName);
    WriteTableHeader(vector_of_strings_header);
    while (!all_rows_are - filled()) {
        writeRowsToTable(vector_of_strings_row);
    }
    MarkTableEnd();
    MarkTabContentEnd('</div>')
}