总结: 1.创建表格:
1.先声明创建表格语句;通过定义的表格对象进行属性赋值;再通过两个for循环一个循环行一个
循环列用table.insertrow先创建行;再用row.insertCell创建列。
var table=document.createlemengt("table");
table.id="mytable"
table.border="1px";
for(var i=0;i<5;i++){
var row=table.insertRow(i);
for(var j=0;j<4;j++){
var cell=row.insertCell(j)
cell.innerHTML="第"+i+""+""+j+"";}
再将table添加到body里
var body=document.getelementbyid("text")
body.appendchild(table);
2.删除
1.先获取table元素,通过table.rows.length获取每一行;再用table.deleteRow删除行;
var table=docment.getelemengtbyid("mytable")
if(table.rows.length>0){
table.row(table.rows.length-1)}
3.按单元格删除
1.先获取table通过table.rows.length获取行;通过row.cells.length获取列用row.deleteCell
方法删除单元格.
var table=document.getelementbyid("mytable");
var row=table.rows[table.rows.length-1];
if(row.cells.length>0){
4.事件监听;
1.绑定html:直接在标签内写 onclick事件并触发函数
2.绑定dom:在js里面写函数和触发条件需要写一个window.onload=function (){}确保函数的执
行。 3.超链接如果返回值是false则连接失效
4.元素的隐藏和显示;隐藏:display:none;显示:display:block
row.deleteCell(row.cells.length-1)}else{table.deleteRow(table.rows.length-1)}
5.鼠标事件:选中文本弹窗:onSelect;改编文本框内容弹窗:onChange;获取焦点:onBlur 失去
焦点:onFocus;鼠标点击事件:onclick;鼠标移入事件:onmousover;鼠标移出事件:onmouseout;
6.课堂练习题:鼠标移入:让所有的li都具有active的属性;用this将自己传到函数里,可以用
this.调用自己的属性和样式;如果手边移入就this.className=active;自己定一个变量nn可以用来区别
所有的li元素并根据相应的li元素在div上投影不同的内容。设定一个div上的内容格式通过div
名.innerhtml的方式给其赋值。最后通过document.getelementbyclassname的方式获得div的名字,因为
获得是一个数组所以通过下标[0]来确定div并最终赋值。
鼠标移出:通过this调取属性this.classname=""赋空值得方法使其鼠标移出后div的样式恢复。
通过建立数组将每个月的活动放到里面并遍历数组获得里面的值。