Javascript小技巧の生成html元素

JavascriptはHTML要素を生成する方法をここで2つ紹介します.1つ目は比較的正規的に元素を作成する方法で、2つ目はjavascriptの中のwrite()方法を利用して直接書きます.
方法1:

 
  
   //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(""); 
  
 
 

ここでは、この2つのhtmlの要素を列挙した方法で、1つ目は比較的規範で、コードが多く、2つ目は比較的少ないコードです.