2.12
DOM
DOM树
获取元素
根据ID获取
getElementById
因为文档页面从上往下加载,所以先得有标签,则script写到标签下
console.dir可以打印返回的元素对象,可以更好的查看里面的元素与方法
根据标签名获取
getElementsByTagName()
以伪数组的形式储存,具有length,没有则空
父元素必须是单个对象(指明哪一个)
根据类名
getElementsByClassName()
根据选择器
quarySelector()
返回指定选择器的第一个元素
里面如'.box'
可以直接使用,返回第一个元素对象
querySelectorAll()
获取特殊元素
获取body元素
var xxx=document.body
获取html元素
var xxx=document.documentElement
事件基础
事件源:
事件触发的对象,谁,按钮
事件类型:
如何触发,什么事件
事件处理程序:
通过一个函数赋值的方式完成
操作元素
配合函数使用
可以不添加事件直接操作
注意innerText不识别html标签,想要可以innerHtml
一般用后一个比较多
两个属性都是可读写的,Text读的时候会去除空格或换行
html会保留空格和换行
(到p204)