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

Posted 2020-12-07 企鹅22

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