您的位置：首页 > Web前端 > JavaScript

js之表格api：99乘法表

2012-10-31 21:05 344 查看

table： insertRow 返回插入的row rows属性

row： insertCell 返回插入的cell cells属性

<script type="text/javascript">
window.onload =function(){

var inputs = document.getElementsByTagName("input");
inputs[2].onclick =function(evt){
/**
evt.preventDefault()
window.event.returnValue = false;
*/
drawTable(+inputs[0].value,+inputs[1].value);
}

};
function drawTable(start,end){
if(isNaN(start)||isNaN(end)){
alert("输入非数字");
}else{
var table = document.createElement('table');
table.border = "1";
for(var i=start;i<=end;i++){
//insertRow  返回row  rows属性
var row = table.insertRow(table.rows.length);
for(var j=start;j<=end;j++){
//insertCell 返回cell  cells属性
var cell = row.insertCell(row.cells.length);
if(j<=i){
cell.innerHTML = j+"*"+i+"="+i*j;
}else{
cell.innerHTML = " "
}

}
}
document.body.appendChild(table);
}
}
</script>
<style type="text/css">

</style>
<title></title>
<body>
<input type="text"/><input type='text'/><input type="button" value="生成表格"/>
</body>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航