如何用JS动态生成table标签写入到页面的DIV里

<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="WebForm1.aspx.cs" Inherits="UltraCRM_Report_Health.WebForm1" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title></title>
</head>
<body>
<form id="form1" runat="server">
<div id="DIV1">

</div>
</form>
</body>
</html>

如上：是一个新建的BS页面。
我想用js控制新增<table>标签，写到上面页面的<div>里，该如何实现？

举报该文章

相关建议 2015-10-27

JS 语法向body中添加元素用innerHTML，下面是示例代码，供参考：
<script>
var div1 = document.getElementById('DIV1');
var code = '<TABLE>';
code += '<TR><TH>姓名</TH><TH>性别</TH></TR>';
code += '<TR><TD>张三</TD><TD>男</TD></TR>';
code += '<TR><TD>李三</TD><TD>女</TD></TR>';
code += '<TR><TD>王三</TD><TD>男</TD></TR>';
code += '<TR><TD>赵三</TD><TD>男</TD></TR>';
div1.innerHTML = code + '</TABLE>';
</script>
<body>
<div id='div1'></div>
</body>

但通常来说，开发者习惯动态的去添加行而非动态生成表格，因为表头基本都是固定的，每次都刷影响效率，故代码如下：
<script>
var div1 = document.getElementById('tb1');
var code = '';
code += '<TR><TD>张三</TD><TD>男</TD></TR>';
code += '<TR><TD>李三</TD><TD>女</TD></TR>';
code += '<TR><TD>王三</TD><TD>男</TD></TR>';
code += '<TR><TD>赵三</TD><TD>男</TD></TR>';
div1.innerHTML = code;
</script>
<body>
<div>
<table>
<THEAD><TR><TH>姓名</TH><TH>性别</TH></TR></THEAD>
<TBODY id='tb1'></TBODY>
</table>
</div>
</body>

温馨提示：内容为网友见解，仅供参考

当前网址：https://11.t2y.org/zz/22qq44pfq.html

其他看法

第1个回答 2018-11-22

var div = document.getElementById("stackbar");

var str = "";

第2个回答 2013-05-15

<div id="DIV1">

</div>
<script type="text/javascript">
var div = document.getElementById('DIV1');
div.innerHTML = '<table> .... </table>';
</script>本回答被提问者采纳

相似回答

大家正在搜