js利用className得到对象的实现代码_javascript技巧



下面代码直接copy 就能用l
代码如下:






function displayInput(elementID) {
//得到span标签的集合
var spanzone = document.getElementsByTagName("span");
//得到span标签的数量(放到for里边会重复计算)
var spanlength=spanzone.length;
var inputzone;//你所需要的那个span
for(var i=0;i{
//得到你想找的这个
if(spanzone[i].className==elementID)
{
inputzone=spanzone[i];
}
}
//得到span标签的input标签集合
var inputTx=inputzone.getElementsByTagName("input");
//span里边的input的集合数量(单独写防止重复计算)
var inputLength=inputTx.length;
for (var i=0;i //动态添加onmouseover事件:当鼠标移到input上的时候判断这个inpu的class是不是input_ocurrent 如果是的话就添加onmouseover事件 移出同理
if (inputTx[i].className =="input_ocurrent"){
inputTx[i].onmouseover=function() {
this.className ="input_current";
}
inputTx[i].onmouseout=function() {
this.className ="input_ocurrent";
}
}
}
}
window.onload =function() {
displayInput("input_zone");
}