Javascript小技巧之產生html元素

Javascript 產生 HTML元素的方法在本文中介紹2種，第一種是比較正規的建立元素方法，第二種是利用javascript中的write()方法直接寫出html元素。

方法一：

複製代碼 代碼如下:
   //createElement()建立input元素到obj對象中
   var obj = document.createElement('input');
   //選擇要產生地點的前一個元素
   var before = document.getElementById('before');
   //設定obj元素名，值
      obj.name='name';
      obj.value='value';
      //setAttribute是可以自由定義屬性的，不僅id和type，name和value也可以在這定義
      obj.setAttribute('id','idname');
      obj.setAttribute('type','typename');
      //在前一個元素後面添加obj
      before.appendChild(obj);

方法二：

複製代碼 代碼如下:
document.write("<inpt name='name' value='value' id='idname' type='typename'>");

這裡列舉了這2種產生html的<input>元素的方法，第一種比較規範，代碼比較多，第二種比較少代碼。