友友們,,我又來(lái)了,這幾天課比較緊,我把自己遇到的一些小問(wèn)題總結(jié)了一下,希望對(duì)你們有用。。
HTML DOM 是關(guān)于如何獲取、修改、添加或刪除 HTML 元素的標(biāo)準(zhǔn)。
getElementById(id) - 獲取帶有指定 id 的節(jié)點(diǎn)(元素)
appendChild(node) - 插入新的子節(jié)點(diǎn)(元素)
removeChild(node) - 刪除子節(jié)點(diǎn)(元素)
innerHTML - 節(jié)點(diǎn)(元素)的文本值
parentNode - 節(jié)點(diǎn)(元素)的父節(jié)點(diǎn)
childNodes - 節(jié)點(diǎn)(元素)的子節(jié)點(diǎn)
attributes - 節(jié)點(diǎn)(元素)的屬性節(jié)點(diǎn)
改變?cè)貎?nèi)容的最簡(jiǎn)答的方法是使用 innerHTML 屬性。
這里有兩個(gè)特殊的屬性,可以訪問(wèn)全部文檔:
document.documentElement - 全部文檔
document.body - 文檔的主體
第二個(gè)就是相對(duì)于瀏覽器,屏幕顯示的頁(yè)面的寬高度。總結(jié)如下:
scrollWidth 是對(duì)象的實(shí)際內(nèi)容的寬,不包邊線寬度,會(huì)隨對(duì)象中內(nèi)容的多少改變(內(nèi)容多了可能會(huì)改變對(duì)象的實(shí)際寬度)。
clientWidth是對(duì)象可見(jiàn)的寬度,不包滾動(dòng)條等邊線,會(huì)隨窗口的顯示大小改變。
offsetWidth是對(duì)象的可見(jiàn)寬度,包滾動(dòng)條等邊線,會(huì)隨窗口的顯示大小改變。
offsetWidth的值總是比clientWidth的值大。
clientWidth是對(duì)象看到的寬度(不含邊線)
offsetWidth是對(duì)象看到的寬度(含邊線,如滾動(dòng)條的占用的寬)
clientWidth是對(duì)象看到的寬度(不含邊線,即border)
scrollWidth是對(duì)象實(shí)際內(nèi)容的寬度(若無(wú)padding,那就是邊框之間距離,如有padding,就是左padding和右padding之間距離)。
offsetWidth是指對(duì)象自身的寬度,整型,單位像素(含邊線,如滾動(dòng)條的占用的寬,值會(huì)隨著內(nèi)容的輸入而不斷改變)。
scrollHeight: 獲取對(duì)象的滾動(dòng)高度。
scrollLeft:設(shè)置或獲取位于對(duì)象左邊界和窗口中目前可見(jiàn)內(nèi)容的最左端之間的距離
scrollTop:設(shè)置或獲取位于對(duì)象最頂端和窗口中可見(jiàn)內(nèi)容的最頂端之間的距離
scrollWidth:獲取對(duì)象的滾動(dòng)寬度
offsetHeight:獲取對(duì)象相對(duì)于版面或由父坐標(biāo) offsetParent 屬性指定的父坐標(biāo)的高度
offsetLeft:獲取對(duì)象相對(duì)于版面或由 offsetParent 屬性指定的父坐標(biāo)的計(jì)算左側(cè)位置
offsetTop:獲取對(duì)象相對(duì)于版面或由 offsetTop 屬性指定的父坐標(biāo)的計(jì)算頂端位置
易混淆點(diǎn):
clientX 設(shè)置或獲取鼠標(biāo)指針位置相對(duì)于當(dāng)前窗口的 x 坐標(biāo),其中客戶區(qū)域不包括窗口自身的控件和滾動(dòng)條。
clientY 設(shè)置或獲取鼠標(biāo)指針位置相對(duì)于當(dāng)前窗口的 y 坐標(biāo),其中客戶區(qū)域不包括窗口自身的控件和滾動(dòng)條。
offsetX 設(shè)置或獲取鼠標(biāo)指針位置相對(duì)于觸發(fā)事件的對(duì)象的 x 坐標(biāo)。
offsetY 設(shè)置或獲取鼠標(biāo)指針位置相對(duì)于觸發(fā)事件的對(duì)象的 y 坐標(biāo)。
screenX 設(shè)置或獲取獲取鼠標(biāo)指針位置相對(duì)于用戶屏幕的 x 坐標(biāo)。
screenY 設(shè)置或獲取鼠標(biāo)指針位置相對(duì)于用戶屏幕的 y 坐標(biāo)。
x 設(shè)置或獲取鼠標(biāo)指針位置相對(duì)于父文檔的 x 像素坐標(biāo)(亦即相對(duì)于當(dāng)前窗口)。
y 設(shè)置或獲取鼠標(biāo)指針位置相對(duì)于父文檔的 y 像素坐標(biāo)(亦即相對(duì)于當(dāng)前窗口)。
好了,今天就這么點(diǎn)內(nèi)容,希望對(duì)你們有用,上了一中午課,下午還要繼續(xù)做項(xiàng)目,,這幾天忙的上火。牙疼。大家在工作的時(shí)候要適當(dāng)?shù)姆潘?,還有就是秋天了,天氣慢慢轉(zhuǎn)涼,記得及時(shí)添加衣物。。吃飯了。。