DOM编程和事件

---

BOM（browser object model）浏览器对象模型：

---

window：

location：

port  protocol host hostname path search hash

reload()

history：

length

back forward go(count)

screen：

height

width

avaiheight

avaiwidth

navigator：

User-Agent

document(DOM):

1、如何获取DOM对象？

---

通过id直接获取

document.getElementById()

document.getElementsByClassName()

document.getElementsByName()

document.getElementsByTagName()

2、操作DOM对象的内容

---

DOM对象.innerHTML

DOM对象.innerText

DOM对象.textContext

3、操作DOM对象的属性

---

DOM对象.属性名称

DOM对象['属性名称']

DOM对象.getAttribute("属性名称")

DOM对象.setAttribute("属性名称", "值");

4、操作DOM对象的样式

---

DOM对象.style.样式名称

getComputedStyle(DOM对象).样式名称