[問題] 基礎的JS+HTML

看板Ajax作者 (??????)時間13年前 (2010/10/20 00:51), 編輯推噓4(405)
留言9則, 4人參與, 最新討論串1/2 (看更多)
小弟因為學校的關係正在學習網頁設計 最近在練習使用基本的JS搭配CSS跟HMTL做出變化 我想要做出數個按鈕 在事件時改變ID來做到改變CSS的效果 ------------------------------------------- <body> <form name="F"> <input type="button" name="text1" id="t1" onmousemove="change(this.name)"> <input type="button" name="text2" id="t1" onmousemove="change(this.name)"> </form> </body> 但是這樣子做 在function卻無法自行判斷 是哪一個按鈕遇到事件 必須指定 :document.F.text1.id="t2" 這樣子 雖然說可以利用if來判斷傳送過來的值達到效果 (if (value=text2) document.F.text2=id="t2" ..............) 但我想請問有沒有方法讓JS可以自行判斷 是哪一個按鈕遇到事件 且可以將改變id的指令回傳。 先謝謝各位囉。 -- ※ 發信站: 批踢踢實業坊(ptt.cc) ◆ From: 59.112.226.131

10/20 00:58, , 1F
event.target
10/20 00:58, 1F
不好意思我看不懂這個意思

10/20 02:34, , 2F
function 可以改成 onclick="change(this)"
10/20 02:34, 2F

10/20 02:34, , 3F
然後在 function change( theButton )
10/20 02:34, 3F

10/20 02:35, , 4F
那個 theButton 就是那一個 button 了
10/20 02:35, 4F
我剛試過 不行耶 還是不能夠變換ID值 ※ 編輯: bcawosxy 來自: 59.112.226.131 (10/20 02:52)

10/20 06:36, , 5F
這功能我比較尬意用class
10/20 06:36, 5F

10/20 06:39, , 6F
你需要的是document.F[value].id="t2"
10/20 06:39, 6F

10/20 07:00, , 7F

10/21 00:10, , 8F
css能的話盡量用class宣告。盡量別和id綁在一起。
10/21 00:10, 8F

10/21 00:11, , 9F
id也最好不要亂換,頁面中id必須是唯一的(正常情況)
10/21 00:11, 9F
文章代碼(AID): #1ClSnscH (Ajax)
討論串 (同標題文章)
文章代碼(AID): #1ClSnscH (Ajax)