DOM文档对象模型
?获取元素
1.根据ID获取
2.根据标签名获取
3.通过html5新增的方法获取
4.特殊元素获取
1.getElementById（）获取带有Id的元素对象
使用 console.dir() 可以打印我们获取的元素对象，更好的查看对象里面的属性和方法。
2.
使用 getElementsByTagName() 方法可以返回带有指定标签名的对象的集合。
document.getElementsByTagName('
标签名
');
注意：
1. 因为得到的是一个对象的集合，所以我们想要操作里面的元素就需要遍历。
2. 得到元素对象是动态的
3.通过 HTML5 新增的方法获取
1. document.
getElementsByClassName(‘
类名
’)
；
//
根据类名返回元素对象集合
2. document.
querySelector('
选择器
')
; //
根据指定选择器返回第一个元素对象
3. document.
querySelectorAll('
选择器
')
; //
根据指定选择器返回
注意：
querySelector
和
querySelectorAll
里面的选择器需要加
符号
,
比如
:document.querySelector('
#
nav')
4.获取特殊元素body。html
document.body
document.documentElement
3.事件基础
1.事件源
2.事件类型
3.事件处理程序
?
4.操作元素
1.改变元素内容?
element.innerText
element.innerHTML
2. 常用元素的属性操作
1. innerText
、
innerHTML
改变元素内容
2. src
、
href
3. id
、
alt
、
title
表单元素的属性操作
利用 DOM 可以操作如下表单元素的属性：
type
、
value
、
checked
、
selected
、
disabled
样式属性操作
我们可以通过 JS 修改元素的大小、颜色、位置等样式。
1. element.style
行内样式操作
2. element.className
类名样式操作
注意
：
1.JS
里面的样式采取驼峰命名法 比如
fontSize
、
backgroundColor
2.JS
修改
style
样式操作，产生的是行内样式，
CSS
权重比较高