2017-3-30 DOM查找元素 点击,鼠标移入,移除事件 样式控制

(一)获取标记的对象

1.css选择器:1 - class  2 - id  3 - 标记选择器

2.js选择器:  1 - class  2 - id  3 - 标记  4 - name

  document.getElenemtById('id'); ---- 通过id获取一个对象

  document.getElementsByClassName('class');    ----  通过class获取的是一组数组

  document.getElementsByTagName('标记');    ----  通过标签获取的也是一组数组

  document.getElementsByName('class');     ----  通过name获取的也是一组数组

3.三个事件

  onclick  ---  点击事件

  onmouseover   ---   鼠标移入事件

  onmouseout   ---   鼠标移出事件

4.控制标记的对象

  标记的对象.style.backgroundColor   ---   改变对象的背景颜色

  (样式里面的‘-’要删掉,后面的第一个字母变成大写)

  js里,对象的index属性,可以记录一个int类型的数值

  this.id获取对象的id值

原文地址:https://www.cnblogs.com/qingnianxu/p/6648380.html