六月婷婷综合激情-六月婷婷综合-六月婷婷在线观看-六月婷婷在线-亚洲黄色在线网站-亚洲黄色在线观看网站

明輝手游網(wǎng)中心：是一個(gè)免費(fèi)提供流行視頻軟件教程、在線學(xué)習(xí)分享的學(xué)習(xí)平臺(tái)！

將給定的數(shù)據(jù)動(dòng)態(tài)加入到創(chuàng)建的表格中（源代碼）

發(fā)表時(shí)間：2023-08-29 來源：明輝站整理相關(guān)軟件相關(guān)文章人氣：

[摘要]本篇文章給大家?guī)淼膬?nèi)容是關(guān)于將給定的數(shù)據(jù)動(dòng)態(tài)加入到創(chuàng)建的表格中（源代碼），有一定的參考價(jià)值，有需要的朋友可以參考一下，希望對(duì)你有所幫助。思路：創(chuàng)建 table + thead + tbody創(chuàng)建 tr + th創(chuàng)建每一行的 tr + td加到頁面中注：最后再加到頁面中的原因是每將一個(gè)元素加到頁面...

本篇文章給大家?guī)淼膬?nèi)容是關(guān)于將給定的數(shù)據(jù)動(dòng)態(tài)加入到創(chuàng)建的表格中（源代碼），有一定的參考價(jià)值，有需要的朋友可以參考一下，希望對(duì)你有所幫助。

思路：

  1. 創(chuàng)建 table + thead + tbody

  2. 創(chuàng)建 tr + th

  3. 創(chuàng)建每一行的 tr + td

  4. 加到頁面中

注：最后再加到頁面中的原因是每將一個(gè)元素加到頁面一次，頁面便會(huì)刷新一次，因此先在內(nèi)存中創(chuàng)建好表格再一次性的加到頁面中，頁面只需刷新一次，減少性能的損失。

<!DOCTYPE html><html lang="en"><head>
    <meta charset="UTF-8">
    <title>Title</title></head><body></body><script>
    var data = [
        { name : "jim1", age : 18, gender : "male"},
        { name : "jim2", age : 19, gender : "female"},
        { name : "jim3", age : 20, gender : "female"},
        { name : "jim4", age : 21, gender : "male"}
    ];    function createElement( tag ) {
        return document.createElement( tag );
    }    var table = createElement( "table" );    var thead = createElement( "thead" );    var tbody = createElement( "tbody" );
    table.appendChild( thead );
    table.appendChild( tbody );    var trhead = createElement( "tr" );
    thead.appendChild( trhead );    for ( var k in data[ 0 ] ){
        th = createElement( "th" );
        th.appendChild( document.createTextNode( k ) );
        trhead.appendChild( th );
    }    for ( var i = 0; i < data.length; i++){        var tr = createElement( "tr" );        for ( var j in data[ i ]){
            td = createElement( "td" );
            td.appendChild( document.createTextNode( data[i][j] ));
            tr.appendChild( td );
        }
        tbody.appendChild( tr );
    }  //table.setAttribute("border","1px");
  //或直接設(shè)置table.border = "1px";兩者等價(jià)。
    table.border = "1px";
    table.cellspadding = 0;
    table.setAttribute("align","center");
    table.style.textAlign = "center";
    table.setAttribute("borderColor","skyBlue");
    table.setAttribute("cellspacing",0);
    document.body.appendChild( table );</script></html>

以上就是對(duì)將給定的數(shù)據(jù)動(dòng)態(tài)加入到創(chuàng)建的表格中（源代碼）的全部介紹，本文內(nèi)容緊湊，希望大家可以有所收獲，更多請(qǐng)關(guān)注PHP中文網(wǎng)。

以上就是將給定的數(shù)據(jù)動(dòng)態(tài)加入到創(chuàng)建的表格中（源代碼）的詳細(xì)內(nèi)容，更多請(qǐng)關(guān)注php中文網(wǎng)其它相關(guān)文章！


網(wǎng)站建設(shè)是一個(gè)廣義的術(shù)語，涵蓋了許多不同的技能和學(xué)科中所使用的生產(chǎn)和維護(hù)的網(wǎng)站。
主站蜘蛛池模板： 手机看片国产精品 | 青青青在线视频免费 | 青青草视频免费在线观看 | 最近最新的日本中文字幕 | 午夜爱爱爱爱爽爽爽网站免费 | 五月丁香啪啪 | 青娱乐在线视频盛宴 | 五月综合激情网 | 日本亚洲一区二区三区 | 日本欧美一区二区三区视频 | 亚洲综合久 | 色姝姝影院 | 日韩欧美中文字幕一区二区三区 | 亚洲欧美日韩三级 | 综合久久久久综合体桃花网 | 欧美一欧美一区二三区性 | 天天干天天碰 | 最近中文字幕无免费视频 | 亚洲成人高清 | 我要看黄色毛片 | 欧美一级二级三级 | 欧美综合区 | 天堂网www在线资源中文 | 天天草夜夜骑 | 日韩在线国产 | 日韩欧美综合在线二区三区 | 青青青国产手机在线播放 | 四虎永久精品免费观看 | 欧洲乱码专区一区二区三区四区 | 天天视频网 | 天天干天天干天天干天天干 | 日本高清在线一区 | 影音先锋色69成人资源 | 色噜噜色偷偷 | 青青草综合 | 天天躁夜夜躁狠狠躁20216 | 日韩国产一区二区 | 日韩一及片 | 青草国产视频 | 五月婷婷 六月丁香 | 欧美视频免费 |