作者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