请看看编码是否规范，使用是否方便HTML: 代码 复制代码 代码如下: 编号 姓名 {value} {value} 编号 名称 {value} {value} Javascript: 代码 复制代码 代码如下: <BR>//class TableView { <BR>//构造函数 <BR>function TableView(ID){ <BR>var htmlTable = document.getElementById(ID); <BR>this.container = htmlTable.getElementsByTagName("tbody")[0]; <BR>this.template = this.container.getElementsByTagName("tr")[0]; <BR>} <BR>//成员方法 <BR>TableView.prototype.bind = function(dataSource) { <BR>var template = this.template; <BR>var container = this.container; <BR>for(var k=0; k<dataSource.length; k++) { <BR>var newRow = template.cloneNode(true); <BR>newRow.removeAttribute("id"); <BR>newRow.removeAttribute("style"); <BR>for(var i=0;i<2;i++) { <BR>var dataItem = newRow.cells[i]; <BR>dataItem.innerHTML = dataItem.innerHTML.replace("{value}", dataSource[k][dataItem.getAttribute("bind")]); <BR>} <BR>container.appendChild(newRow); <BR>} <BR>} <BR>//} <BR>//测试-1 <BR>var productDataSource = [["001","产品名称1"],["002","产品名称2"]]; <BR>var productTableView = new TableView("productTableView"); <BR>productTableView.bind(productDataSource); <BR>//测试-2 <BR>var customDataSource = [["001","客户姓名1"],["002","客户姓名2"]]; <BR>var customTableView = new TableView("customTableView"); <BR>customTableView.bind(customDataSource); <BR> 输出结果为：
