描述:利用動態創建table表格並寫入九九乘法表
var table = document.querySelector('table')
table.border = '1px';
table.width = '600px';
table.cellPadding = '10px'
table.cellSpacing = 0;
for (var i = 1; i <= 9; i++) {
var tr = document.createElement('tr');
table.appendChild(tr)
for (var k = 1; k <= i; k++) {
var td = document.createElement('td');
tr.appendChild(td)
var formual = k + '*' + i + '='
var re = i * k
td.innerHTML = formual + re;
}
}
總結:
1.今天學習到了增刪查改,裡面的增其中個用法,appendChild。該用法是把元素增加在元素的後面,注意!!:再增加以前要先創建個元素,然後在顯示要把元素插在哪裡!!
2.以上代碼最核心的部分在於 k<=i ,乘法表的形狀為正三角形
3.第二個學習是:如果是元素含有的屬性(例如:input含有type,value,placeholder,而table含有border,cellpadding,cellspacing等…)的話,不需要再透過.style來修改,而是可以直接修改屬性,如: input.value=‘hi’