當前位置:成語大全網 - 書法字典 - 如何使用JS動態生成表格標簽並寫入頁面的DIV中?

如何使用JS動態生成表格標簽並寫入頁面的DIV中?

JS語法使用innerHTML向正文添加元素。以下是供您參考的示例代碼:

& lt腳本& gt

var div 1 = document . getelementbyid(‘div 1‘);

var code =‘& lt;表& gt;‘;

code+=‘& lt;TR & gt& ltTH & gt名字

code+=‘& lt;TR & gt& ltTD & gt張三

code+=‘& lt;TR & gt& ltTD & gt李三

code+=‘& lt;TR & gt& ltTD & gt王三

code+=‘& lt;TR & gt& ltTD & gt趙三

div 1 . innerhtml = code+‘& lt;/TABLE & gt;‘;

& lt/script & gt;

& ltbody & gt

& ltdiv id =‘div 1‘& gt;& lt/div & gt;

& lt/body & gt;

但壹般來說,開發人員習慣於動態添加行而不是動態生成表,因為標題基本上是固定的,每次都會影響效率,因此代碼如下:

& lt腳本& gt

var div 1 = document . getelementbyid(‘TB 1‘);

var code =““;

code+=‘& lt;TR & gt& ltTD & gt張三

code+=‘& lt;TR & gt& ltTD & gt李三

code+=‘& lt;TR & gt& ltTD & gt王三

code+=‘& lt;TR & gt& ltTD & gt趙三

div 1 . innerhtml = code;

& lt/script & gt;

& ltbody & gt

& ltdiv & gt

& lt表格& gt

& ltTHEAD & gt& ltTR & gt& ltTH & gt名字

& ltTBODY id =‘TB 1‘& gt。& lt/TBODY & gt;

& lt/table & gt;

& lt/div & gt;

& lt/body & gt;