百度學院d17-練習筆記

描述:利用動態創建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’