document // 代表的是整個頁面的所有元素
方法
document.title //設(shè)置文檔標(biāo)題等價(jià)于HTML的title標(biāo)簽
document.bgColor //設(shè)置頁面背景色
document.fgColor //設(shè)置前景色(文本顏色)
document.linkColor //未點(diǎn)擊過的鏈接顏色
document.alinkColor //激活鏈接(焦點(diǎn)在此鏈接上)的顏色
document.vlinkColor //已點(diǎn)擊過的鏈接顏色
document.URL //設(shè)置URL屬性從而在同一窗口打開另一網(wǎng)頁
document.fileCreatedDate //文件建立日期，只讀屬性
document.fileModifiedDate //文件修改日期掩浙，只讀屬性
document.charset //設(shè)置字符集 簡體中文:gb2312
document.fileSize //文件大小灾票，只讀屬性
document.cookie //設(shè)置和讀出cookie
常用對象方法
document.write() //動態(tài)向頁面寫入內(nèi)容
document.createElement(Tag) //創(chuàng)建一個html標(biāo)簽對象
document.getElementById(ID) //獲得指定ID值的對象
document.getElementsByName(Name) //獲得指定Name值的對象
document.body.appendChild(oTag)
———————————————————————
body-主體子對象
document.body //指定文檔主體的開始和結(jié)束等價(jià)于body>/body>
document.body.bgColor //設(shè)置或獲取對象后面的背景顏色
document.body.link //未點(diǎn)擊過的鏈接顏色
document.body.alink //激活鏈接(焦點(diǎn)在此鏈接上)的顏色
document.body.vlink //已點(diǎn)擊過的鏈接顏色
document.body.text //文本色
document.body.innerText //設(shè)置body>…/body>之間的文本
document.body.innerHTML //設(shè)置body>…/body>之間的HTML代碼
document.body.topMargin //頁面上邊距
document.body.leftMargin //頁面左邊距
document.body.rightMargin //頁面右邊距
document.body.bottomMargin //頁面下邊距
document.body.background //背景圖片
document.body.appendChild(oTag) //動態(tài)生成一個HTML對象
1.元素查找
document.getELementById(id) ?// 獲取頁面中指定id
document.querySelector() ?// 獲取頁面中指定id，class，或者div，p等標(biāo)簽元素柄驻。但是只會返回第一個元素
document.getElementsClassName() ?//獲取頁面當(dāng)中指定的class類砂缩，返回的是一個類數(shù)組集合。
document.getElementsByName() ?//獲取頁面當(dāng)中指定name的元素三娩，返回的也是一個類數(shù)組的集合
document.getElementsByTagName(name) //獲取元素下的所有元素庵芭，如div，li雀监。返回的也是一個類數(shù)組的集合
document.querySelectorAll()? //獲取頁面中指定id双吆，class，或者div会前，p等標(biāo)簽元素好乐。返回的是一個類數(shù)組集合
2.元素屬性操作
el.getAttribute("sec") // 獲取元素的src屬性，可以獲取多種值瓦宜，如src蔚万，alt屬性等
el.setAttribute("src","logo.png") //修改元素的屬性值
3.內(nèi)容操作
innerhtml ? // 獲取元素的內(nèi)容（不包含元素的本身節(jié)點(diǎn)）只會彈出元素里面的文本內(nèi)容
outerhtml ? // 獲取元素的內(nèi)容（包含元素本身） 會彈出文本內(nèi)容和元素的節(jié)點(diǎn)，能修改文本內(nèi)容临庇，但是不能修改標(biāo)簽
使用outerhtml獲取會獲得：<p>hello word<p>
innerhtml：hello反璃，word
innerText ? // 獲取文本值
innerHtml與innerText的區(qū)別 // html會返回整個節(jié)點(diǎn)內(nèi)包括標(biāo)簽在內(nèi)的所有節(jié)點(diǎn)，text只會返回內(nèi)容
有嵌套關(guān)系的div才會有區(qū)別假夺，沒有嵌套關(guān)系沒有區(qū)別淮蜈。推薦使用html。
4.css樣式操作
// ie8
el.currentStyle[attrName]
// ie9+
window.getComputedStyle(el)[attrName]
// 偽類
window.getComputedStyle(el,":after")[attrName]; //返回元素的css樣式
el.style 只能獲取內(nèi)聯(lián)樣式
//ie
el.currentStyle
// 設(shè)置CSS樣式
el.style.display='none';
