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

相关推荐