エンコーディングが標準化されているかどうか、および HTML: Code Copy code を使用するのが便利かどうかを確認してください。コードは次のとおりです。 number 名前 <--template-tbody--> ;{値}{値} 番号 名前 ; {value}/ td>{value} >< /table> JavaScript: コード コードをコピーします <div class="codetitle">//class TableView { <span>//Constructor <a style="CURSOR: pointer" data="23949" class="copybut" id="copybut23949" onclick="doCopy('code23949')">function TableView(ID){ <u> var htmlTable = document.getElementById(ID); </u>this.container = htmlTable.getElementsByTagName("tbody")[0]; </a>this.template = this.container.getElementsByTagName("tr"); </span>} </div>// メンバーメソッド <div class="codebody" id="code23949">TableView.prototype.bind = function(dataSource) { <br>var template = this.template; <br>var container = <br>for( var k=0; k<datasource.length k>var newRow = template.cloneNode("id"); ; <br>for (var i=0;ivar 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"]]; >productTableView.bind(productDataSource); <br>//Test-2 <br>varcustomDataSource = [["001","顧客名 1"],["002","顧客名 2"]]; >varcustomTableView = new TableView("customTableView"); <br>customTableView.bind(customDataSource); <br><br> <br>出力結果は次のとおりです。</datasource.length> </div> </td> </div>
![[Web フロントエンド] Node.js クイック スタート](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
