javascript動態構建表格

来源：互联网发布：origin双y轴看数据编辑：程序博客网时间：2024/06/06 02:04

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
<title>無題のページ</title>
<script>
function getValue() {
var x=document.getElementById("myHeader")
alert(x.innerHTML) }

function init() {

var _table, _tbody, tr, td, text1,text2, maxRow;
var docBody = document.body;
var _doc = document;
maxRow = 1;

_table = _doc.createElement("table");
_table.border = "1";
_tbody = _doc.createElement("tbody");
_table.insertBefore(_tbody, null);

docBody.insertBefore(_table, null);
for (var i=0; i<maxRow; i++)
   {
        tr = _doc.createElement("tr");

        td1 = _doc.createElement("td");
        td2 = _doc.createElement("td");

        var x=document.getElementById("name").value;
        var y=document.getElementById("pdf").value;

        text1 = _doc.createTextNode(x);
        text2=_doc.createTextNode(y);

        td1.insertBefore(text1, null);
        td2.insertBefore(text2, null);

        tr.insertBefore(td1, null);
        tr.insertBefore(td2, null);

     _tbody.insertBefore(tr, null);
}
}
</script>

</head>
<body >
<input type="text" id="name" />
<input type="text" id="pdf" />

</body>
</html>