UC知道javascript的小鸟级问题...老鸟tell me!~
来源：百度知道 编辑：UC知道 时间：2024/06/18 12:25:50
额.直奔主题:我写了一个js文件.文件中的对象是 shiyan1
<h1 class="shiyan1" id="shiyan1">.....</h1>
上面是h1的tag,我想让所有的h1都用到那个.js文件 怎么实现?
难道非要在每个h1上都另外定义id?
我看到有人做出了 鼠标经过该h1的文本区域时,该对象立刻 改变背景色 增加margin 增加border 产生小小移动的动态效果.
我写的js只能对某个id等固定的对象 产生上诉效果.如何才能对所有的标有h1题级的 都产生效果?
<h1 class="shiyan1" id="shiyan1">.....</h1>
上面是h1的tag,我想让所有的h1都用到那个.js文件 怎么实现?
难道非要在每个h1上都另外定义id?
我看到有人做出了 鼠标经过该h1的文本区域时,该对象立刻 改变背景色 增加margin 增加border 产生小小移动的动态效果.
我写的js只能对某个id等固定的对象 产生上诉效果.如何才能对所有的标有h1题级的 都产生效果?
var test = getElementsByTabName("h1");
for (var i =0; i<test.length;i++){
if(test[i].className=="shiyan1"){
//test[i]就是你想要的对象了
}
}
getElementsByTabName()以数组的形式获取标签名相同的所有标签
1、你的第一个问题没有明白？你是想实现统一的样式，还是其它的？使用JS文件是需要触发的，比如单击之后调用或者其他的方式触发。在触发的时候传递相应的参数即可，按你的意思就是那个id.
2、你说的鼠标特效，只要把你的h1设置成整块显示，然后在设置鼠标移到该h1时，触发新的CSS效果（实现你说的 改变背景色 增加margin 增加border等）。
主要是对a:link{}、a:visited {}、a:hover{}进行设置。
3、既然是显示效果，使用CSS即可，不需要使用JS的 ,因为使用JS个人感觉不如使用CSS方便，但是不管是使用CSS还是JS，思路都是一样的。即对该标签的样式做出更改！
回答了你的两个问题，希望我的回答对你有所帮助！
你可以在<h1></h1>标记添加html的时间句柄,比如
<h1 onmouseover="alert('ok')">ssssss</h1>
当然这只是alert,你改成你想干的事就行了,比如
onmouseover="test()"
test是你自己定义的function