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:鼠标指针移到一个元素上时触发

原文地址:https://www.cnblogs.com/luzhijin/p/13039632.html