js学习笔记之webAPI

一、获取元素对象

1.var timer = getElementById('time');

console.dir();

getElementById得到的是但个数

存储的方式是伪数组

2.getElementByTagName('li');

3.getElementsByClass('.box');   ===》 querySelectorALL('.box');

getElementsByClass得到的是一个数组

4.querySelector('#nav'); querySelector('.box');

二、事件

1.事件源

事件被触发的对象

2.事件类型

如何触发事件，比如事件点击

3.事件处理程序

 三、操作元素

1.改变元素内容

1）元素.innerText=======》改变元素的内容，不识别HTML标签

2） 元素.innerHtml  =========》改变元素的内容，识别HTML标签   W3C标准，用得多

 2.改变元素属性

 1）表单元素的更改

2）更改样式

注意命名的方式：驼峰命名法

 可以通过修改元素的className来更改元素的样式，（在样式文件中写好预定义的className，需要修改时，将需要修改的元素的类名改为想要的样式的类名）

 

 多类名选择器