js中如何拼接html

在JavaScript中,可以使用字符串拼接的方式拼接HTML,以下是一个简单的示例:,这段代码首先创建了一个标题元素和一个表格元素,然后分别创建了表头和表格内容,并将它们添加到表格中,将标题和表格添加到页面的body中。,
,// 创建一个标题元素 var title = document.createElement(‘h1’); title.innerHTML = ‘这是一个标题’; // 创建一个表格元素 var table = document.createElement(‘table’); // 创建表头 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); // 创建表格内容 var tbody = document.createElement(‘tbody’); var tr1 = document.createElement(‘tr’); var td1 = document.createElement(‘td’); td1.innerHTML = ‘数据1’; var td2 = document.createElement(‘td’); td2.innerHTML = ‘数据2’; tr1.appendChild(td1); tr1.appendChild(td2); tbody.appendChild(tr1); table.appendChild(tbody); // 将标题和表格添加到页面中 document.body.appendChild(title); document.body.appendChild(table);,

版权声明:本文采用知识共享 署名4.0国际许可协议 [BY-NC-SA] 进行授权
文章名称:《js中如何拼接html》
文章链接:https://zhuji.vsping.com/441313.html
本站资源仅供个人学习交流,请于下载后24小时内删除,不允许用于商业用途,否则法律问题自行承担。