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:鼠标指针移到一个元素上时触发
相关推荐
表格的现在还是较为常用的一种标签,但不是用来布局,常见处理、显示表格式数据。在HTML网页中,要想创建表格,就需要使用表格相关的标签。<table> <tr> <td>单元格内的文字</td> ...