DOM/鼠标动画/选项卡

DOM事件：

获取属性的方法：

//document.getElementById();

//document.getElementsByClassName();

//document.getElementsByName();

//document.getElementsByTagName();

//特殊的:

//document.querySelector();  对象

//document.querySelectorAll();  数组

  样式  style：

  // var li = document.querySelector("#li1");

  // li.style.color="red"

   //li.style.backgroundColor="#ccc";  //驼峰命名法

 //  li.style["background-color"]="#ccc";  //数组

 

   属性   attributes

  // var li = document.querySelector("#li1");

  // console.log(li.id)

  // console.log(li.data-id)

   //console.log(li["data-id"])

  // console.log(li.attributes["data-id"].value)获取的是值 或 console.log(li.attributes["data-id"].name)获取的是属性

  // console.log(li.className)

 

  事件

  /*键盘事件*/

  //*click  单击

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

  /*鼠标事件*/

  //*mouseover   鼠标移入

  //*mouseout    鼠标移出

  //keydown

  //*keypress

  //keyup