數(shù)據(jù)顯示到頁面js

.list {

border: 1px solid green;

width: 300px;

margin: 0;

padding: 0;

}

.item {

border-bottom: 1px solid #999;

width: 300px;

height: 60px;

text-align: center;

list-style: none;

line-height: 60px;

}

// 數(shù)據(jù)

var txl = [

{username: '王飛鴿',age: 18},

{username: '鄒忠',age: 18},

{username: '張三',age: 28},

{username: '李四',age: 100},

{username: '王五',age: 1000}

];

var htmlStr = '';

for (var i=0;i

htmlStr +=

`

  • 用戶名: ${txl[i].username}

    年齡: ${txl[i].age}

    `;

    }

    console.log(htmlStr);

    document.querySelector('.list').innerHTML = htmlStr;

  • ?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
    • 序言:七十年代末秸架,一起剝皮案震驚了整個濱河市翁授,隨后出現(xiàn)的幾起案子颤霎,更是在濱河造成了極大的恐慌肌厨,老刑警劉巖,帶你破解...
      沈念sama閱讀 211,817評論 6 492
    • 序言:濱河連續(xù)發(fā)生了三起死亡事件蓝翰,死亡現(xiàn)場離奇詭異壤巷,居然都是意外死亡,警方通過查閱死者的電腦和手機镣隶,發(fā)現(xiàn)死者居然都...
      沈念sama閱讀 90,329評論 3 385
    • 文/潘曉璐 我一進店門,熙熙樓的掌柜王于貴愁眉苦臉地迎上來诡右,“玉大人,你說我怎么就攤上這事轻猖》牵” “怎么了?”我有些...
      開封第一講書人閱讀 157,354評論 0 348
    • 文/不壞的土叔 我叫張陵咙边,是天一觀的道長猜煮。 經(jīng)常有香客問我次员,道長,這世上最難降的妖魔是什么王带? 我笑而不...
      開封第一講書人閱讀 56,498評論 1 284
    • 正文 為了忘掉前任淑蔚,我火速辦了婚禮,結果婚禮上愕撰,老公的妹妹穿的比我還像新娘刹衫。我一直安慰自己,他們只是感情好搞挣,可當我...
      茶點故事閱讀 65,600評論 6 386
    • 文/花漫 我一把揭開白布带迟。 她就那樣靜靜地躺著,像睡著了一般囱桨。 火紅的嫁衣襯著肌膚如雪仓犬。 梳的紋絲不亂的頭發(fā)上,一...
      開封第一講書人閱讀 49,829評論 1 290
    • 那天舍肠,我揣著相機與錄音搀继,去河邊找鬼。 笑死翠语,一個胖子當著我的面吹牛叽躯,可吹牛的內容都是我干的。 我是一名探鬼主播啡专,決...
      沈念sama閱讀 38,979評論 3 408
    • 文/蒼蘭香墨 我猛地睜開眼险毁,長吁一口氣:“原來是場噩夢啊……” “哼!你這毒婦竟也來了们童?” 一聲冷哼從身側響起畔况,我...
      開封第一講書人閱讀 37,722評論 0 266
    • 序言:老撾萬榮一對情侶失蹤,失蹤者是張志新(化名)和其女友劉穎慧库,沒想到半個月后跷跪,有當?shù)厝嗽跇淞掷锇l(fā)現(xiàn)了一具尸體,經(jīng)...
      沈念sama閱讀 44,189評論 1 303
    • 正文 獨居荒郊野嶺守林人離奇死亡齐板,尸身上長有42處帶血的膿包…… 初始之章·張勛 以下內容為張勛視角 年9月15日...
      茶點故事閱讀 36,519評論 2 327
    • 正文 我和宋清朗相戀三年吵瞻,在試婚紗的時候發(fā)現(xiàn)自己被綠了。 大學時的朋友給我發(fā)了我未婚夫和他白月光在一起吃飯的照片甘磨。...
      茶點故事閱讀 38,654評論 1 340
    • 序言:一個原本活蹦亂跳的男人離奇死亡橡羞,死狀恐怖,靈堂內的尸體忽然破棺而出济舆,到底是詐尸還是另有隱情卿泽,我是刑警寧澤,帶...
      沈念sama閱讀 34,329評論 4 330
    • 正文 年R本政府宣布滋觉,位于F島的核電站签夭,受9級特大地震影響齐邦,放射性物質發(fā)生泄漏。R本人自食惡果不足惜第租,卻給世界環(huán)境...
      茶點故事閱讀 39,940評論 3 313
    • 文/蒙蒙 一措拇、第九天 我趴在偏房一處隱蔽的房頂上張望。 院中可真熱鬧慎宾,春花似錦丐吓、人聲如沸。這莊子的主人今日做“春日...
      開封第一講書人閱讀 30,762評論 0 21
    • 文/蒼蘭香墨 我抬頭看了看天上的太陽。三九已至之宿,卻和暖如春族操,著一層夾襖步出監(jiān)牢的瞬間,已是汗流浹背比被。 一陣腳步聲響...
      開封第一講書人閱讀 31,993評論 1 266
    • 我被黑心中介騙來泰國打工色难, 沒想到剛下飛機就差點兒被人妖公主榨干…… 1. 我叫王不留,地道東北人等缀。 一個月前我還...
      沈念sama閱讀 46,382評論 2 360
    • 正文 我出身青樓枷莉,卻偏偏與公主長得像,于是被迫代替她去往敵國和親尺迂。 傳聞我的和親對象是個殘疾皇子笤妙,可洞房花燭夜當晚...
      茶點故事閱讀 43,543評論 2 349

    推薦閱讀更多精彩內容

    • 1. tab列表折疊效果 html: 能源系統(tǒng)事業(yè)部 崗位名稱: 工作地點 崗位名...
      lilyping閱讀 1,843評論 0 1
    • 企之“道”·茶之“道” 道法自然 —— 森祺藥業(yè)專場茶會 我們?yōu)槭裁匆谶@里說茶道? 茶...
      慧荷堂閱讀 117評論 0 0
    • 晚上接大妞從機器人興趣班回來噪裕,三個人都覺得有些餓了蹲盘,就想吃點東西!糾結好久之后膳音,決定回家煎荷包蛋吃召衔。 我給她爸爸和...
      花肥紫云英閱讀 360評論 0 0
    • 如何組建電子商務團隊 要明確職責機能。打造電子商務團隊正規(guī)軍: 1祭陷、打造學習型團隊(淘寶賣家是典型的學習型創(chuàng)業(yè)苍凛,員...
      rensen閱讀 1,273評論 0 3
    • 承認自己錯了,有多難? 承認自己不如自己想象中的那么完美闸迷,能力超群,萬眾矚目俘枫,有多難腥沽? 如果沒能萬分誠實的愿意面對...
      顯彈閱讀 327評論 0 0