亚洲在线久爱草,狠狠天天香蕉网,天天搞日日干久草,伊人亚洲日本欧美

為了賬號安全,請及時綁定郵箱和手機立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

hover事件屬于類嗎?

hover事件屬于類嗎?

刺槐少女 2018-03-20 15:20:15
<!DOCTYPE html><html lang="en"><head> ? ?<meta charset="UTF-8"> ? ?<title>Title</title></head><style> ? ?body{color:#fff;font:12px/1.5 Tahoma;} ? ?#div1{width:150px;height:150px;margin:0 auto;padding:10px;background:black;border:10px solid #000;cursor:crosshair;} ? ?#div1.hover{color:red;background:#f0f0f0;border:10px solid red;} ? ?</style> ? ?<script> ? ?window.onload = function () ? ?{ ? ? var oDiv = document.getElementById("div1"); ? ? oDiv.onmouseover = function () ? ? { ? ? oDiv.className = "hover" ? ? }; ? ? oDiv.onmouseout = function () ? ? { ? ? oDiv.className = "" ? ? } ? ?}; ? ?</script> ? ?</head> ? ?<body> ? ?<div id="div1">鼠標移入改變樣式,鼠標移出恢復。</div> ? ?</body> ? ?</html> ? ?如上述代碼,為什么是oDiv.className = "hover" 可以控制的div的樣式,在div中并沒有定義過class,還是說hover本身就是個class類?還請前輩解惑
查看完整描述

4 回答

?
qq_玩二小_0

TA貢獻2條經驗 獲得超1個贊

不屬于

查看完整回答
1 反對 回復 2018-03-21
?
icecap

TA貢獻3條經驗 獲得超2個贊

此hover非css里的偽類hover ,這個只是事先定義了一個類名叫hover的樣式,鼠標進入時加上類名,離開清空類名。你可能困惑在初始化時div上并沒有class,其實是js原生api,在調用className方法時沒有class會自動加上class~

查看完整回答
反對 回復 2018-03-20
  • 刺槐少女
    刺槐少女
    沒有class會自動加上class,但是我不太懂的是hover不是個class為什么加上會有效果?
  • 刺槐少女
    刺槐少女
    哦,了解了,不過我改寫過,這段源代碼中給了div一個id,我改寫后試過不給div一個id,然后div:hover設置樣式,js中獲取相應的tag。運行后一樣能成功,我就很奇怪了,為什么hover怎么變成class了
?
qq_殺意隆_0

TA貢獻93條經驗 獲得超29個贊

在html的確沒有定義過class?,?這個hover類是通過JavaScript事件給div加上去的。
當鼠標移入時,動態給div添加hover類。鼠標移開時,又把hover類從div去掉。
查看完整回答
反對 回復 2018-03-20
  • 刺槐少女
    刺槐少女
    所以說,hover本身就是個類?可是在css中對它的設置卻是div:hover,不是#hover?。窟€麻煩解答
  • 刺槐少女
    刺槐少女
    我知道上面的代碼是div.hover 但是我改寫后一樣能運行,去掉div的ID,CSS樣式中用div:hover設置樣式,JS中用tag獲取div,然后還是可以運行,也就是說,我疑惑的是,是偽類的時候,為什么還是可以把hover變成class?
  • qq_殺意隆_0
    qq_殺意隆_0
    SS樣式中用div:hover設置樣式時,沒有寫js都可以改變樣式! 偽類hover的動畫功能本身就是css自身具備的,當然可以運行
點擊展開后面1
?
CodeManDSH

TA貢獻58條經驗 獲得超18個贊

試試這個:

oDiv.classList.add("hover");


查看完整回答
反對 回復 2018-03-20
  • 刺槐少女
    刺槐少女
    向class列表中添加hover?
  • CodeManDSH
    CodeManDSH
    向你的oDiv 的class屬性中添加hover,這樣子,oDiv就有“hover”這個類名了。 但是如果你說的是偽類hover,那就是css的:#div1:hover{},是樣式,不是class
  • 4 回答
  • 0 關注
  • 2595 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補貼
聯系客服咨詢優惠詳情

幫助反饋 APP下載

慕課網APP
您的移動學習伙伴

公眾號

掃描二維碼
關注慕課網微信公眾號