[問題] JS控制CSS

看板Ajax作者 (astrokid)時間14年前 (2012/02/09 03:05), 編輯推噓2(202)
留言4則, 4人參與, 最新討論串1/2 (看更多)
各位前輩好, 在練習JS時遇到一個問題 我想要控制某個div 的寬度,每點一下div的區塊就會減少5%寬度 試了很久只能做到把寬度設為某個值,似乎跟雙引號有關係 ex: 25% document.getElementById("center").style.width= "25%" ; 下面是有問題的code function widthdec(){ document.getElementById("center").style.width -= 5% ; } ....... <div id="center" style="float:left; width:20%;background-color:#512356;" onclick="widthdec()";> <p>test</p> </div> 另外,div 寬度變為0時,test 卻還存在,包在div裡面的字怎麼不會跟著消失呢? JS初學者有勞各位了 , 謝謝 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 219.70.21.47 ※ 編輯: astrokid 來自: 219.70.21.47 (02/09 03:27)

02/09 08:24, , 1F
你要設div overflow:hidden 內容才會被邊框屏閉
02/09 08:24, 1F

02/09 09:25, , 2F
先確定一下是不是真的被 -5%了(用開發工具)
02/09 09:25, 2F

02/09 13:58, , 3F
-= 5% 看起來怪怪的...
02/09 13:58, 3F

02/09 15:26, , 4F
已解決,感謝~
02/09 15:26, 4F
文章代碼(AID): #1FCiTpcc (Ajax)
討論串 (同標題文章)
以下文章回應了本文
完整討論串 (本文為第 1 之 2 篇):
文章代碼(AID): #1FCiTpcc (Ajax)