html创建一个下拉列表,表格与下拉列表的创建.html

// 表格

var table=document.createElement('table');

document.body.appendChild(table);

table.style.border='1px solid #333';

// borderSpacing 属性相邻单元格的边框之间的距离

table.style.borderSpacing=0;

table.style.borderCollapse='collapse';

// 为表格设置合并边框模型：

for (var i=0;i<6;i++) {

var tr=document.createElement('tr');

table.appendChild(tr);

for (var j=0;j<8;j++) {

var td=document.createElement('td');

tr.appendChild(td);//关键核心

td.innerHTML=i+1+'行'+(j+1)+'列';

td.style.border='1px solid #333';

td.style.width='80px';

td.style.height='20px';

td.style.textAlign='center';

}

}

console.log(table);

// 下拉列表

var select=document.createElement('select');

document.body.appendChild(select);

var shuju=['java','javascript','python'];

for (var i=0;i

var option=document.createElement('option');

document.querySelector('select');

select.appendChild(option);

option.innerHTML=shuju[i];

}

一键复制

编辑

Web IDE

原始数据

按行查看

历史