js中控制Html元素

//下拉框选项隐藏

 var payTimes=document.getElementsByName("payTimes")[0];//获得对象
    if(payTimes){
    var myOptions = payTimes.options.length;//获得下拉框选项数量
    for(var i=myOptions-1;i>-1;i--){//循环下拉框选项
    if(payTimes.options[i].value!="1"){//只能选择一期
    payTimes.options.remove(i);//隐藏下拉框选项
    }
    }
    }

//设置input是否只读

document.getElementById("name").readOnly = true||false;

//隐藏要素

document.getElementById("name").style.display = 'none';

//设置input禁用

document.getElementById("name").disabled= true||false;

//添加事件

var temp = document.getElementById("name");

//change事件

temp.onchange=function(){

}

//失去焦点事件

temp.onblur=function(){

}