zoukankan      html  css  js  c++  java
  • 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:鼠标指针移到一个元素上时触发

  • 相关阅读:
    【贪心+前缀】C. Fountains
    优雅降级和渐进增强
    px和em
    src与href
    css 浮动
    CSS权重及样式优先级问题
    css样式初始化
    品字布局设计
    CSS3新特性
    inline-block的简单理解
  • 原文地址:https://www.cnblogs.com/luzhijin/p/13039632.html
Copyright © 2011-2022 走看看