Dom操作

創(chuàng)新互聯(lián)建站擁有十多年成都網(wǎng)站建設(shè)工作經(jīng)驗,為各大企業(yè)提供成都網(wǎng)站建設(shè)、做網(wǎng)站服務，對于網(wǎng)頁設(shè)計、PC網(wǎng)站建設(shè)（電腦版網(wǎng)站建設(shè)）、手機APP定制開發(fā)、wap網(wǎng)站建設(shè)（手機版網(wǎng)站建設(shè)）、程序開發(fā)、網(wǎng)站優(yōu)化（SEO優(yōu)化）、微網(wǎng)站、域名與空間等，憑借多年來在互聯(lián)網(wǎng)的打拼，我們在互聯(lián)網(wǎng)網(wǎng)站建設(shè)行業(yè)積累了很多網(wǎng)站制作、網(wǎng)站設(shè)計、網(wǎng)絡(luò)營銷經(jīng)驗，集策劃、開發(fā)、設(shè)計、營銷、管理等網(wǎng)站化運作于一體，具備承接各種規(guī)模類型的網(wǎng)站建設(shè)項目的能力。

（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=”

內(nèi)容

”設(shè)置內(nèi)容時，會把標簽與內(nèi)容一起解析，最后生成相對應效果的文本圖，

現(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è)上云打造定制，能夠滿足用戶豐富、多元化的應用場景需求。

當前名稱：DOM操作學習與總結(jié)-創(chuàng)新互聯(lián)
當前地址：http://weahome.cn/article/ipjjh.html