課程
/前端開發
/JavaScript
/DOM事件探秘
就老師說的這個class="login_state_show online"。她說這個類名空格后的online是子節點的id名,關于這里不是很明白。類名中加空格表示什么?這個在前面課程(web前端工程師路徑)講過嗎?
2016-09-19
源自:DOM事件探秘 4-3
正在回答
這種寫法,我理解是兩個不同類名,它這里需要這類名,而online這個類是控制圖標的!ID等于那個類名是為了方便獲取!
.login-state .online {
? ? ? ? ? ? background: url("../images/ptlogin.png") 0 0 no-repeat;
? ? ? ? }
<div id="loginStateShow" class="login-state-show online">狀態</div>//獲取圖標的類添加這里
<li id="online" class="statePanel_li">//方便獲取控制圖標的類所以設置與類名相同的ID
? ? ? ? ? ? <div class="stateSelect_icon online"></div>//其實是這要這個類名
? ? ? ? ? ? <div class="stateSelect_text">我在線上</div>
? ? ? ? </li>
loginStateShow.className='login-state-show '+id;//獲取圖標
西子丶 提問者
舉報
DOM事件?本課程會通過實例來給小伙伴們講解如何使用這些事件
2 回答關于類名的修改
1 回答關于封裝獲取類名的方法中,使用父級的getElementsByTagName(),有些困惑。需要獲取的是類名,為什么到最后,用了獲取標簽名的方法
2 回答關于clientY
3 回答關于event
2 回答關于this關鍵字
Copyright ? 2025 imooc.com All Rights Reserved | 京ICP備12003892號-11 京公網安備11010802030151號
購課補貼聯系客服咨詢優惠詳情
慕課網APP您的移動學習伙伴
掃描二維碼關注慕課網微信公眾號
2016-09-19
這種寫法,我理解是兩個不同類名,它這里需要這類名,而online這個類是控制圖標的!ID等于那個類名是為了方便獲取!
.login-state .online {
? ? ? ? ? ? background: url("../images/ptlogin.png") 0 0 no-repeat;
? ? ? ? }
<div id="loginStateShow" class="login-state-show online">狀態</div>//獲取圖標的類添加這里
<li id="online" class="statePanel_li">//方便獲取控制圖標的類所以設置與類名相同的ID
? ? ? ? ? ? <div class="stateSelect_icon online"></div>//其實是這要這個類名
? ? ? ? ? ? <div class="stateSelect_text">我在線上</div>
? ? ? ? </li>
loginStateShow.className='login-state-show '+id;//獲取圖標