以 js 動態產生 html element

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

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

for (var i=start;i&lt;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) ;

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) ;

clifflu 又架 blog 了 O.o/

以 js 動態產生 html element

請按讚：

相關

No Comments Yet

發表迴響 Cancel reply

以 js 動態產生 html element

分享此文：

請按讚：

相關

No Comments Yet

發表迴響 Cancel reply