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

Posted 企鹅22

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了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:鼠标指针移到一个元素上时触发

 

以上是关于2020/6/3 JS 对表格元素进行增删改操作和事件监听的主要内容,如果未能解决你的问题,请参考以下文章

利用js对html元素进行增删改操作

JS中对数组元素进行增删改移

mongodb对数组元素及内嵌文档进行增删改查操作(转)

冒泡排序和对表格的增删改减

原生js实现表格的增删改查

DOM操作增删改查