什么是DOM
DOM:Do
js的組成部分
一套標(biāo)準(zhǔn)码泞,目前有DOM1和DOM2這兩種標(biāo)準(zhǔn)
我們可以使用DOM操作來操作頁(yè)面中的元素逛薇。
DOM節(jié)點(diǎn)
子節(jié)點(diǎn)
childNode:返回值一個(gè)數(shù)組,放的是父節(jié)點(diǎn)中所有的子節(jié)點(diǎn)
nodeType:返回值是一個(gè)數(shù)組外里,1表示元素節(jié)點(diǎn)怎爵,3表示文本節(jié)點(diǎn)
在某些瀏覽器中,如火狐盅蝗,使用childNode獲取所有元素節(jié)點(diǎn)時(shí)會(huì)把空格等一起或取出來鳖链,此時(shí)就需要使用nodeType來判斷。
示例:
childern: 取子節(jié)點(diǎn)墩莫,與childNode相比芙委,chlidren不會(huì)把非標(biāo)簽元素解析出來,不用擔(dān)心兼容性問題
父節(jié)點(diǎn)
parentNode
首尾子節(jié)點(diǎn)
添加元素
createElement(元素名):創(chuàng)建一個(gè)元素
父元素.appendChild(子元素)將子元素添加進(jìn)父元素中(添加在最后邊)
示例:點(diǎn)擊一次按鈕狂秦,添加一個(gè)li標(biāo)簽
父元素.insertBefore(子元素灌侣,在誰(shuí)之前插入),在誰(shuí)之前插入子元素
刪除元素
父元素.removeChild(要?jiǎng)h除的元素):刪除父元素中的某個(gè)子元素
示例:點(diǎn)擊刪除,刪除某個(gè)元素
原文鏈接地址:http://www.reibang.com/p/82ab8a6a8f37