DOM基礎(chǔ)知識
1轧坎、DOM爪喘?頁面操作
2颜曾、瀏覽器的兼容性?IE秉剑、FF泛豪、Chrom
3、DOM節(jié)點
1)childNodes(包含文本節(jié)點和元素節(jié)點)nodeType children(只包含元素節(jié)點)
2)parentNode查找父節(jié)點
3)offSetparent絕對定位 根據(jù)樣式插入查找父節(jié)點
4)firstChild侦鹏,firstElementChild诡曙,lastChild,lastElementChild略水,nextSibling价卤,nextElementSibling,priviousSibling渊涝,priviousElementSibling
4慎璧、操作元素
1)元素屬性的操作三種:
第一種:oDiv.style.display=”block”
第二種:oDiv.style[“display”]=”block”
第三種:DOM方式
2)使用DOM方式操作元素屬性:
獲取:getAttribute(名稱)
設(shè)置:setAttribute(名稱跨释,值)
刪除:removeAttribute(名稱)
5胸私、DOM元素的靈活查找
1)使用className選擇元素
2)封裝成函數(shù)
6、Dom的創(chuàng)建鳖谈、插入岁疼、刪除元素
1)createElement(標簽名)創(chuàng)建節(jié)點
2)appendChild(節(jié)點)追加節(jié)點
3)insertBefore(節(jié)點,哪個節(jié)點之前)
4)removeChild(節(jié)點)移除節(jié)點
5)文檔碎片缆娃,目前用的不多
注意:innerHTML添加value值
7五续、表格的布局及基本元素
1)tBodies[ ].rews[ ].cells[ ]數(shù)組
tHead、tFoot元素
2)toLowerCase
3)字符串.search(‘值’)是否匹配龄恋,匹配返回位置疙驾,不匹配返回-1
4)arr[]=split(“ ”)根據(jù)空格切數(shù)組并存儲在arr[]
作業(yè):
1、利用parentNode刪除文本
2郭毕、根據(jù)樣式尋找父節(jié)點
3它碎、Li背景色跟換
4、點擊按鈕傳值到li中显押,利用三種方式實現(xiàn)
5扳肛、通過className設(shè)置li的背景色,封裝函數(shù)
6乘碑、創(chuàng)建li'挖息,把文本框內(nèi)的內(nèi)容添加到li中
7、獲取表格中的一個value
8兽肤、隔行變色套腹、表格的增刪改绪抛、搜索結(jié)果高亮,搜索忽略大小寫电禀,模糊搜索