首頁猿問 js動(dòng)態(tài)添加的元素如何添加樣式？

js動(dòng)態(tài)添加的元素如何添加樣式？

JavaScript

qq_花開花謝_0 2018-08-26 15:04:47

如圖所示,紅色矩形內(nèi)的元素都是動(dòng)態(tài)渲染出來的，如何動(dòng)態(tài)地去添加文字大小、顏色、布局等樣式呢？是先寫好樣式添加類名呢，還是怎么搞呢？自己擬定的布局如下： <div class="box"> <ul> <li></li> <li></li> </ul> <ul> <li></li> <li></li> </ul> </div>

查看完整描述

2 回答

飲歌長嘯

TA貢獻(xiàn)1951條經(jīng)驗(yàn) 獲得超3個(gè)贊

 <div class="box">
    <ul>
        <li></li>
        <li></li>
    </ul>
    <ul>
        <li></li>
        <li></li>
    </ul></div>

如class='box' 一般將所有樣式類直接加上去即可，如果是后期實(shí)在需要在js中修改，則通過選擇器選中相應(yīng)的節(jié)點(diǎn)進(jìn)行修改，靜態(tài)添加節(jié)點(diǎn)跟動(dòng)態(tài)添加節(jié)點(diǎn)的區(qū)別是在渲染的時(shí)候是一次還是多次，動(dòng)態(tài)的盡量做到最后一次性掛載到頁面的節(jié)點(diǎn)上

反對(duì) 回復(fù) 2018-08-27