新聞中心
這里有您想知道的互聯(lián)網(wǎng)營(yíng)銷(xiāo)解決方案
js中如何拼接html
在JavaScript中,可以使用字符串拼接的方式拼接HTML,以下是一個(gè)簡(jiǎn)單的示例:

創(chuàng)新互聯(lián)專(zhuān)注于宿城企業(yè)網(wǎng)站建設(shè),響應(yīng)式網(wǎng)站建設(shè),成都商城網(wǎng)站開(kāi)發(fā)。宿城網(wǎng)站建設(shè)公司,為宿城等地區(qū)提供建站服務(wù)。全流程定制網(wǎng)站建設(shè),專(zhuān)業(yè)設(shè)計(jì),全程項(xiàng)目跟蹤,創(chuàng)新互聯(lián)專(zhuān)業(yè)和態(tài)度為您提供的服務(wù)
// 創(chuàng)建一個(gè)標(biāo)題元素
var title = document.createElement('h1');
title.innerHTML = '這是一個(gè)標(biāo)題';
// 創(chuàng)建一個(gè)表格元素
var table = document.createElement('table');
// 創(chuàng)建表頭
var thead = document.createElement('thead');
var tr = document.createElement('tr');
var th1 = document.createElement('th');
th1.innerHTML = '列1';
var th2 = document.createElement('th');
th2.innerHTML = '列2';
tr.appendChild(th1);
tr.appendChild(th2);
thead.appendChild(tr);
table.appendChild(thead);
// 創(chuàng)建表格內(nèi)容
var tbody = document.createElement('tbody');
var tr1 = document.createElement('tr');
var td1 = document.createElement('td');
td1.innerHTML = '數(shù)據(jù)1';
var td2 = document.createElement('td');
td2.innerHTML = '數(shù)據(jù)2';
tr1.appendChild(td1);
tr1.appendChild(td2);
tbody.appendChild(tr1);
table.appendChild(tbody);
// 將標(biāo)題和表格添加到頁(yè)面中
document.body.appendChild(title);
document.body.appendChild(table);
這段代碼首先創(chuàng)建了一個(gè)標(biāo)題元素和一個(gè)表格元素,然后分別創(chuàng)建了表頭和表格內(nèi)容,并將它們添加到表格中,將標(biāo)題和表格添加到頁(yè)面的body中。
本文標(biāo)題:js中如何拼接html
文章位置:http://www.dlmjj.cn/article/coespip.html


咨詢(xún)
建站咨詢(xún)
