zoukankan      html  css  js  c++  java
  • 鼠标事件

    总结: 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的样式恢复。
    通过建立数组将每个月的活动放到里面并遍历数组获得里面的值。

  • 相关阅读:
    Maven---右键Servlet模板
    付宇泽 20191128-1 总结
    付宇泽20191121-1 每周例行报告
    付宇泽20191114-1 每周例行报告
    安装tensorflow时出现找不到模块问题
    罗杨美慧 20191128-1 总结
    罗杨美慧 20191121-1 每周例行报告
    罗杨美慧 20191114-1 每周例行报告
    罗杨美慧 20191107-1 每周例行报告
    罗杨美慧 20191031-1 每周例行报告
  • 原文地址:https://www.cnblogs.com/hankai2735/p/11121621.html
Copyright © 2011-2022 走看看