인코딩이 표준화되어 있는지, 사용하기 편리한지 HTML: 코드 코드 복사를 확인해주세요. 코드는 다음과 같습니다. number 이름 ;{값} {값} >번호 ; {value} {값} >< /table> 자바스크립트: 코드코드 복사 <span>//class TableView { <a style="CURSOR: pointer" data="23949" class="copybut" id="copybut23949" onclick="doCopy('code23949')">//Constructor <u>function TableView(ID){ </u> var htmlTable = document.getElementById(ID); </a>this.container = htmlTable.getElementsByTagName("tbody")[0]; </span>this.template = this.container.getElementsByTagName("tr")[0]; </div>} <div class="codebody" id="code23949">//멤버 메서드 <br>TableView.prototype.bind = function(dataSource) { <br>var template = this.template <br>var 컨테이너 = this.container <br>for( var k=0;dataSource.length; k ) { <br>var newRow = template.cloneNode(true); <br>newRow.removeAttribute("id"); ; <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"); >productTableView.bind( productDataSource); <BR>//Test-2 <BR>var customDataSource = [["001","고객 이름 1"],["002","고객 이름 2"]]; >var customTableView = new TableView("customTableView"); <BR>customTableView.bind(customDataSource) <BR> 출력 결과는 다음과 같습니다.
![[웹 프런트엔드] Node.js 빠른 시작](https://img.php.cn/upload/course/000/000/067/662b5d34ba7c0227.png)
