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

最新推荐文章于 2024-07-31 11:05:25 发布

guoxu775

最新推荐文章于 2024-07-31 11:05:25 发布

阅读量8.1k

点赞数

分类专栏：工作心得文章标签： html input class

本文链接：https://blog.csdn.net/guoxu775/article/details/6889472

版权

工作心得专栏收录该内容

35 篇文章 0 订阅

订阅专栏

之前都是直接写标签。用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);