• 2020/6/3 JS 对表格元素进行增删改操作和事件监听


    1.DOM动态添加删除表格内容所使用到的常用方法:

      insertRow(index):在指定索引位置插入一行。

      createCaption():为该表格创建标题。

      deleteRow(index):删除表格中index索引处的行。

      deleteCaption():删除表格标题。

      给表格行创建、删除单元格的方法:insertCell(index):在index处创建一个单元格,返回新创建的单元格。

                      deleteCell(index):删除某行在index索引处的单元格。

    2. 事件概念和事件监听

      使用返回值改变HTML元素的默认行为:HTML元素大都包含了自己的默认行为,例如:超链接、提交按钮等。我们可以通过在绑定事件中加上return false来阻止它的默认行为。

      通用性的事件监听方法:1.绑定HTML元素属性:<input id=”btn1” type="button" value="clickMe" onClick="check(this)">

                 2.绑定DOM对象属性:document.getElementById(“btn1”).onClick=test;//test函数名

      常见的事件类型:  

        onclick:单击鼠标左键触发

        ondblclick:双击鼠标左键触发

        onmousedown:单击任意一个鼠标按键时触发

        onmouseout:鼠标指针移出一个元素边界时触发

        onmousemove:鼠标在某个元素上移动时持续触发

        onmouseup:松开鼠标任意一个按键时触发

        onmouseover:鼠标指针移到一个元素上时触发

  • 相关阅读:
    java 命令
    测试事件响应修改界面内容
    ASP.NET MVC 解决账号重复登录问题
    Redis 安装
    js返回页面顶部
    Brackets 前端编辑器推荐
    一点点............
    响应式——em,rem,px
    新知识——响应式
    面试心得
  • 原文地址:https://www.cnblogs.com/luzhijin/p/13039632.html
Copyright © 2020-2023  润新知