js新建html,JS创建HTML控件并动态生成页面的写法

之前都是直接写标签。用JS动态生成一个控件方法如下(INPUT SELECT):

//车牌种类的

var divCarType=document.getElementById('divCarType');

var objCarType=document.createElement('select');

objCarType.setAttribute("type", "text");

objCarType.setAttribute('id','carType');

objCarType.setAttribute('class','inp_1');

divCarType.appendChild(objCarType);

//创建一个车牌号      var divVehicleNumber=document.getElementById('divVehicleNumber');      var objVehicleNumber=document.createElement("input");      objVehicleNumber.setAttribute("type", "text");      objVehicleNumber.setAttribute("id","vehicleNumber");      objVehicleNumber.setAttribute("maxlength","7");      objVehicleNumber.setAttribute("placeholder","字母+5位数字或字母");      objVehicleNumber.setAttribute("style","width:90%;");      objVehicleNumber.setAttribute("class","inp_1");      divVehicleNumber.appendChild(objVehicleNumber);