dom

 document.querySelector(); 对象

 document.querySelectorAll();  数组

childNodes 文本节点

children  不包含文本节点

attributes  解决非元素属性

*click

 *chage 单选、多选状态改变  下拉框选项改变   文本框的值改变

  鼠标事件  mouseover

  *mouseout

 keydown

 *keypress

 keyup

 

/获取鼠标位置

 console.log(e.x,e.y);

 

 

 <ul>

        <li><a href="#" class="active" data-url="http://a">列表1</a></li>

        <li><a href="#"data-url="http://b">列表2</a></li>

        <li><a href="#"data-url="http://c">列表3</a></li>

    </ul>