作者bcawosxy (??????)
看板Ajax
標題[問題] 基礎的JS+HTML
時間Wed Oct 20 00:51:00 2010
小弟因為學校的關係正在學習網頁設計
最近在練習使用基本的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
1F:→ grence:event.target 10/20 00:58
不好意思我看不懂這個意思
2F:推 newyellow:function 可以改成 onclick="change(this)" 10/20 02:34
3F:→ newyellow:然後在 function change( theButton ) 10/20 02:34
4F:→ newyellow:那個 theButton 就是那一個 button 了 10/20 02:35
我剛試過 不行耶 還是不能夠變換ID值
※ 編輯: bcawosxy 來自: 59.112.226.131 (10/20 02:52)
5F:推 s25g5d4:這功能我比較尬意用class 10/20 06:36
6F:推 s25g5d4:你需要的是document.F[value].id="t2" 10/20 06:39
8F:→ lovelycateye:css能的話盡量用class宣告。盡量別和id綁在一起。 10/21 00:10
9F:→ lovelycateye:id也最好不要亂換,頁面中id必須是唯一的(正常情況) 10/21 00:11