-
[javascript] 테이블 row, cell 예시 - 구구단 출력개발자 2021. 6. 16. 22:40728x90
자바스크립트에서
table 생성 row 와 cell 에 대한 예시
728x90<body>
<div id="demo"></div>
<script>
var gugudanTable = document.createElement("table");
gugudanTable.setAttribute("border", 1);
gugudanTable.setAttribute("style", "width:100%");
// tr 생성 - insertRow()
// td 생성 - insertCell()
// table.rows
var tr = gugudanTable.insertRow(gugudanTable.rows.length);
for (var i = 2; i <= 9; i++) {
var th = tr.insertCell(i - 2);
th.innerHTML = i + "단";
}
for (var i = 1; i <= 9; i++) {
var tr = gugudanTable.insertRow(gugudanTable.rows.length);
for (var j = 2 ; j <= 9; j++) {
var td = tr.insertCell(j-2);
td.innerHTML = j + "*" + i + "=" + j*i;
}
}
document.getElementById("demo").appendChild(gugudanTable);
</script>
</body>
728x90'개발자' 카테고리의 다른 글
<javascript> JSON에 대하여.... (0) 2021.06.17 <jquery> .attr(), .prop()의 차이 (0) 2021.06.17 [javascript] array method 배열 함수들의 종류에 대해서 (0) 2021.06.15 [javascript] 키보드이벤트 - onkeyup, onkeydown, onkeypress (0) 2021.06.12 [jquery] 동적 요소 생성 (0) 2021.06.11