Dom操作
(1)屬性操作:html元素由一個標簽和一組稱為屬性的名/值對組成,比如:元素,它的href屬性值作為鏈接的目的地址。
操作屬性有倆種方法:1)直接利用函數(shù),getAttribute();setAttribute();2)使用對象.屬性值,來進行操作屬性,取值或者設(shè)置值,簡單操作代碼如
(2)內(nèi)容操作:
a)innerText:操作開始標簽與結(jié)束標簽之間的純文本,對象.innerText=”所要設(shè)置的文本內(nèi)容”,對象.innerText獲得文本內(nèi)容,但是innerText在Firefox中不支持,其他瀏覽器中都可以使用,而在Firefox,使用textContent來代替innerText.
b)innerHTML:操作開始標簽與結(jié)束標簽之間的內(nèi)容,包括標簽和文本。
c)outerHTML:操作開始標簽與結(jié)束標簽之間的內(nèi)容,包括標簽與文本,還有對象的標簽。
舉例子如下:
在使用innerText獲得標簽內(nèi)的內(nèi)容,如下圖顯示為“我是鏈接的內(nèi)容”
當把代碼中的alert(aObj.innerHTML)使用后,效果圖如下:包含標簽與內(nèi)容文本一起取出。
當把代碼中的alert(aObj.outerHTML)使用后,效果圖如下:包含對象本身標簽與,之間的標簽,內(nèi)容文本一起取出。
這個是使用innerText設(shè)置標簽內(nèi)的內(nèi)容,如下圖:
通過aObj.innerHTML=”
現(xiàn)在,通過上面的三個例子,應該清楚了這三個的區(qū)別。
(3)樣式操作:對象.style.backgroundColor=”red”;設(shè)置對象的背景顏色為紅色。
對象.fontSize=“20px”;設(shè)置對象的字體為20px.
對象.className=”test”; 設(shè)置對象有test類的屬性。
對象.className=” ”; 清除對象設(shè)置的類屬性樣式。
另外有需要云服務器可以了解下創(chuàng)新互聯(lián)cdcxhl.cn,海內(nèi)外云服務器15元起步,三天無理由+7*72小時售后在線,公司持有idc許可證,提供“云服務器、裸金屬服務器、高防服務器、香港服務器、美國服務器、虛擬主機、免備案服務器”等云主機租用服務以及企業(yè)上云的綜合解決方案,具有“安全穩(wěn)定、簡單易用、服務可用性高、性價比高”等特點與優(yōu)勢,專為企業(yè)上云打造定制,能夠滿足用戶豐富、多元化的應用場景需求。