本文主要是介绍百度學院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 * ktd.innerHTML = formual + re;}}
總結:
1.今天學習到了增刪查改,裡面的增其中個用法,appendChild。該用法是把元素增加在元素的後面,注意!!:再增加以前要先創建個元素,然後在顯示要把元素插在哪裡!!
2.以上代碼最核心的部分在於 k<=i ,乘法表的形狀為正三角形
3.第二個學習是:如果是元素含有的屬性(例如:input含有type,value,placeholder,而table含有border,cellpadding,cellspacing等…)的話,不需要再透過.style來修改,而是可以直接修改屬性,如: input.value=‘hi’
这篇关于百度學院d17-練習筆記的文章就介绍到这儿,希望我们推荐的文章对编程师们有所帮助!