js基础
来源:互联网 发布:sql server insert语句 编辑:程序博客网 时间:2024/06/01 21:25
利用js创建表格并用for循环行和单元格
<script type="text/javascript">
//创建类Ss
function Ss( arr){
this.arr = arr;
}
//利用原型法继承类并创建showinfo方法
Ss.prototype.showinfo = function() {
var tableEle = document.createElement("table");//创建一个表格
tableEle.setAttribute("border","1");//设置表格属性
for(var j = 0; j < 11; j++) {
var f1RowEle = tableEle.insertRow(j);//创建表格中的一列
var f1RowcellEle = f1RowEle.insertCell(0);//创建第一行的第一个单元格
if (j == 0) {//循环行列
f1RowcellEle.appendChild(document.createTextNode("序号"));
document.body.appendChild(tableEle);
} else {
f1RowcellEle.appendChild(document.createTextNode(j));
document.body.appendChild(tableEle);
}
var f1RowcellEle1 = f1RowEle.insertCell(1);
f1RowcellEle1.appendChild(document.createTextNode(this.arr[j].name));
var f1RowcellEle2 = f1RowEle.insertCell(2);
f1RowcellEle2.appendChild(document.createTextNode(this.arr[j].age));
}
document.body.appendChild(tableEle);
}
//用json扩散属性并将属性放入数组中
var arr = [{name:"姓名",age:"年龄" },{name:"lili",age:"20"},{name:"nin",age:"15"},{name:"nn",age:"15"},{name:"kkn",age:"15"},{name:"noo",age:"15"},{name:"loo",age:"15"},{name:"ff",age:"15"},{name:"vv",age:"15"},{name:"dd",age:"15"},{name:"drdr",age:"15"}];
var gt = new Ss(arr);
gt.showinfo();
</script>
- js基础
- js基础
- js基础
- js基础
- JS基础
- js基础
- js基础
- JS基础
- js基础
- js基础
- js基础
- js基础
- JS基础
- js 基础
- js-基础
- js基础
- js基础
- js基础
- mysql数据库只能本地连接,其他电脑不能连接
- shell编程
- hdu 3341 Lost's revenge(dp+Ac自动机)
- 2015-08-13NOIP模拟赛
- 黑马程序员———集合及其collection接口及其子类的简单介绍
- js基础
- 【经典面试题】有关指针、内存空间如何申请调用的问题
- Eclipse下的SVN插件中暂时没有提供更改用户名和密码的功能
- [推荐系统]mahout中实现的几种相似度计算方法
- 《Objective-C基础教程》第11章 属性
- i = i++为什么会是i原来的值??
- OpenCV进阶之路:神经网络识别车牌字符
- [2015-08-13] python023
- 通配符和正则表达式