使用DOM构建HTML表格-优快云博客

<!DOCTYPE HTML>
<HTML>
	<HEAD>
		<META charset="UTF-8">
		<TITLE>DOM 展示</TITLE>
	</HEAD>
	<BODY id="body">
		<SCRIPT>
			var TABLE = document.createElement('TABLE');
			document.getElementById('body').appendChild(TABLE);
			TABLE.setAttribute('border','1');

			var THEAD = document.createElement('THEAD');
			TABLE.appendChild(THEAD);
			
			var ATR = document.createElement('TR');
			THEAD.appendChild(ATR);
			var THEADTH1 = document.createElement('TH');
			ATR.appendChild(THEADTH1);
			THEADTH1.innerHTML = 'xxx';
			var THEADTH2 = document.createElement('TH');
			ATR.appendChild(THEADTH2);
			THEADTH2.innerHTML = 'yyy';
			var THEADTH3 = document.createElement('TH');
			ATR.appendChild(THEADTH3);
			THEADTH3.innerHTML = 'zzz';
			
			var TFOOT = document.createElement('TFOOT');
			TABLE.appendChild(TFOOT);
			var TFOOTTR = document.createElement('TR');
			TFOOT.appendChild(TFOOTTR);
			var TFOOTTD1 = document.createElement('TD');
			TFOOTTR.appendChild(TFOOTTD1);
			TFOOTTD1.innerHTML = '000';
			TFOOTTD1.setAttribute = ('colspan','3');
			
			var TBODY = document.createElement('TBODY');
			TABLE.appendChild(TBODY);
			
			var TR1 = document.createElement('TR');
			TBODY.appendChild(TR1);
			var TD1 = document.createElement('TD');
			TR1.appendChild(TD1);
			TD1.innerHTML = '111';
			var TD2 = document.createElement('TD');
			TR1.appendChild(TD2);
			TD2.innerHTML = '222';
			var TD3 = document.createElement('TD');
			TR1.appendChild(TD3);
			TD3.innerHTML = '333';
			
			var TR2 = document.createElement('TR');
			TBODY.appendChild(TR2);
			var TD4 = document.createElement('TD');
			TR2.appendChild(TD4);
			TD4.innerHTML = '444';
			var TD5 = document.createElement('TD');
			TR2.appendChild(TD5);
			TD5.innerHTML = '555';
			var TD6 = document.createElement('TD');
			TR2.appendChild(TD6);
			TD6.innerHTML = '666';
			
			var TR3 = document.createElement('TR');
			TBODY.appendChild(TR3);
			var TD7 = document.createElement('TD');
			TR3.appendChild(TD7);
			TD7.innerHTML = '777';
			var TD8 = document.createElement('TD');
			TR3.appendChild(TD8);
			TD8.innerHTML = '888';
			var TD9 = document.createElement('TD');
			TR3.appendChild(TD9);
			TD9.innerHTML = '999';
			
		</SCRIPT>
	</BODY>

</HTML>
最后的运行效果：
HTML DOM学习笔记
