慕课网慕课网JS进阶篇的倒数第二道题目学习心得

1.onmouseover 和onmouseOut事件
onmouseover：鼠标指针移动上执行Javascript代码：
有两种书写方法：
a.<element onmouseOver="">
b.element.onmoustOver=function(){javascript code}
onmouseOut事件:鼠标指针离开后执行Javascript代码：
onmouseOut事件写法同上
2.用for循环遍历出每个tr标签，然后给每个标签添加onmouseOuthe onmouseover,此处涉及到for循环遍历数组
2.table标签隐藏了一个子标签tbody
所以查找添加tr时，要在tbody子标签下添加，所以用到document.getElementById("table").lastChild
3.window.onload = function(){}
window.onload这个表示网页加载完执行后面的那个函数；
4.创建删除标签选项代码如下：
function delPoint(obj){
var dnode = obj.parentNode.parentNode;
var pnode = obj.parentNode.parentNode.parentNode;
pnode.removeChild(dnode);
}
本段涉及到dom树结构，我错误的认为obj.parentNode.parentNode是td父标签的父标签，实则不然，obj是a，它的父标签为td，td的父标签才是tr，pnode是tr的父标签table，在table下移除其子标签

1. a href="javascript:void(0);" onclick="js_method()"
   这种方法是很多网站最常用的方法，也是最周全的方法，onclick方法负责执行js函数，而void是一个操作符，void(0)返回undefined，地址不发生跳转。
   另外还有一种方法：a href="javascript:;" onclick="js_method()"