以 js 動態產生 html element

剛花了點時間弄的，結果後來覺得還是設成 display:none 比較快；
隨手貼上來備忘 ˇˇ

var vw = document.getElementById("variableWrapper");
var tr = document.createElement("tr");
var start = 5;

for (var i=start;i<start + VARS_PER_ROW;i++) {
	var inputtpl = document.createElement("INPUT");
	inputtpl.setAttribute('class','variableInput');
	inputtpl.setAttribute('id','Variable'+i);
	inputtpl.setAttribute('name','Variable'+i);
	inputtpl.setAttribute('readonly','readonly');

	var lbltpl = document.createElement('LABEL');
	lbltpl.setAttribute('class', 'variableLabel') ;
	lbltpl.setAttribute('for', 'Variable'+i) ;
	lbltpl.textContent = i+":";

	var td = document.createElement('td');
	td.appendChild(lbltpl);
	td.appendChild(inputtpl);

	tr.appendChild(td);
}
vw.appendChild(tr) ;