您的位置:首页 > Web前端 > JavaScript

JS 动态创建html元素

2013-08-14 11:25 288 查看
1  JS 动态创建html元素
        基本思路

       ①创建DOM 对象 例如
        //创建th对象
         var th = document.createElement("ht");
      ② 实现设置DOM对象的基本属性
         th.innerTHML = “表头”;
         具体DOM对象有着不同的属性,具体查阅即可

        若JS没有提供具体的属性,可以通过setAttribute设置具体属性
      ③将DOM追加到父节点
          XXX.appendChild(th);
      即实现了JS动态创建html元素
  
2   JS动态创建表单
        基本方法如下

        //创建表单基本

         var newElement = document.createElement("input");

        //设置表单name

            newElement.setAttribute("name","myDOM");

        //设置表单类型
            newElement.setAttribute("type","button");

       //设置表单value值
           newElement.setAttribute("value","测试");
内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签: