(javascript dom综合案例教学.pptVIP

JS-DOM 案例 知识回顾 Dom基本含义 Dom中节点的访问方式 Dom中常用的属性 内容摘要 Dom实现的9*9的乘法表 Dom实现的表格隔行变色效果 Dom实现收缩菜单效果 9*9的乘法表 思路： 1、创建一个表格 table（9*9） 2、创建表格所需要的行数 tr 使用循环的方式创建 3、创建表格所需要的列 td 使用循环的方式创建 4、创建文本内容 text 使用循环的方式创建 5、依次追加 文本 td tr table di 9*9的乘法表 绘制表格 function drawTable(){ //创建一个表格 var table=document.createElement(table); //给表格加上边框 table.setAttribute(border,1); //外层循环控制行数 for(var i=1;i=9;i++){ //循环的创建tr var tr=document.createElement(tr); //里层循环控制列数 for(var j=1;j=i;j++){ //先创建text var text=document.createTextNode(j+*+i+=+i*j); //创建列 td