dom元素 鼠标动画 选项卡

获取方法

document.getElementById(); ID获取

document.getElementsByClassName(); 类名获取

document.getElementsByName(); name获取

document.getElementsByTagName() ； 标签名获取

document.querySelector(); 获取对象

 document.querySelectorAll(); 获取数组

li.parentElement获取父元素

li.parentNode父节点

childNodes文本节点

children不包括文本节点

nextElementSibling找下一个

previousSibling找当前元素上一个

li.style.background-color="red"; -线不能识别 错误用法

li.style.backgroundColor="red"; 首字母大写 驼峰命名法

 li.style["background-color"]="blue";数组

li.attributes["l-b"] 获取非原始属性的值 attributes获取l-b的值 不获取li的值 

 事件

  click 点击

  change 单选 多选 状态改变 下拉框选项改变 文本框的值改变时

  *mouseover onmouseenter 鼠标移入

  *mouseout  鼠标移出

   keypress

   keyup

   keydown

onmousemove鼠标移动

 

innerHTML：li内的所有东西 包括标签

innerText：只获取text文本

outerHTML：含有li本身

<select name="" id=""  size="3" multiple>  可多选 

 

 big.style.top=e.y+10+"px";

big图距离顶部的位置是鼠标当前位置的y轴位置 e.y+10+"px"  +10是让鼠标与图片产生10px距离

鼠标事件 onmouseenter 和 onmouseover 的区别

当为onmouseenter时不会冒泡，及不会重复触发父级事件，在进入父级时也不会触发子级事件。
当为onmouseover时会冒泡，只要进入到标签内就会触发标签内所有子集标签的事件，且在移动过程中父级标签会重复触发，出现连续触发的问题，可以用原生js方法阻止事件冒泡