本篇內(nèi)容主要講解“怎么在javascript中修改元素”，感興趣的朋友不妨來看看。本文介紹的方法操作簡單快捷，實用性強。下面就讓小編來帶大家學(xué)習(xí)“怎么在javascript中修改元素”吧!

創(chuàng)新互聯(lián)主要從事做網(wǎng)站、成都網(wǎng)站設(shè)計、網(wǎng)頁設(shè)計、企業(yè)做網(wǎng)站、公司建網(wǎng)站等業(yè)務(wù)。立足成都服務(wù)鄖西,10多年網(wǎng)站建設(shè)經(jīng)驗,價格優(yōu)惠、服務(wù)專業(yè),歡迎來電咨詢建站服務(wù):028-86922220

方法：1、使用“element.innerText='值'”或“element.innerHTML='值'”語句修改元素內(nèi)容；2、使用“element.style”或“element.className”語句修改元素樣式屬性。

本教程操作環(huán)境：windows7系統(tǒng)、javascript1.8.5版、Dell G3電腦。

操作修改元素

JavaScript的DOM操作可以改變網(wǎng)頁內(nèi)容、結(jié)構(gòu)和樣式，我們可以利用DOM操作元素來改變元素里面的內(nèi)容、屬性等。

改變元素的內(nèi)容

element.innerText從起始位置到終止位置的內(nèi)容，但它去除html標(biāo)簽，同時空格和換行也會去掉

element.innerHTML起始位置到終止位置的全部內(nèi)容，包括html標(biāo)簽，同時保留空格和換行。

innerText不識別HTML標(biāo)簽，innerHTML識別HTML標(biāo)簽。這兩個屬性是可讀寫的。

    
        顯示系統(tǒng)當(dāng)前時間
    
    

        某個時間
    
    

運行后，顯示某個時間，當(dāng)點擊顯示系統(tǒng)當(dāng)前時間即可顯示進當(dāng)前的日期及星期。

修改樣式屬性

element.style修改行內(nèi)式操作，element.className修改類名樣式屬性

程序運行后，出現(xiàn)一個寬高均為200像素的粉紅色盒子，點擊盒子，變成寬300像素高200像素的紫色盒子。JS修改style樣式操作，產(chǎn)生的是行內(nèi)樣式。

使用className更改樣式屬性

    


    

       文本    
    
    
    

到此，相信大家對“怎么在javascript中修改元素”有了更深的了解，不妨來實際操作一番吧！這里是創(chuàng)新互聯(lián)網(wǎng)站，更多相關(guān)內(nèi)容可以進入相關(guān)頻道進行查詢，關(guān)注我們，繼續(xù)學(xué)習(xí)！