一 DOM-获取元素

DOM是操作页面文档，开发网页特效和实现用户交互。

document是DOM顶级对象

document.write()

1.1 获取DOM元素

CSS选择器来获取DOM元素

选择匹配的第一个元素：document.querySelector('css选择器')

console.dir(对象) ：用来输出对象格式数据

选择匹配的多个元素对象：document.querySelectorAll('css选择器')，获取到伪数组，类型Prototype是NodeList，不是Array

其他获取DOM元素方法

doument.getElementById('id')

doument.getElementsByClassName('类名')，此时不用加.,不是类选择器

doument.getElementsByTagName('标签名')

doument.getElementsByName('name')，通过name属性获取，如input标签有name属性

二 DOM-操作元素

元素.innerText：不解析标签，获取时只获取文本

元素.innerHTML：解析标签，获取时也获取标签

2.1 操作元素常用属性

href、title、src

对象.属性 = 值

2.2 操作元素样式属性

通过style属性操作元素样式，对象.style.样式属性= 值，一般都要加单位，这里用style属性设置的是行内样式，权重较高