DOM prototype extensions

DOM should be OO. Fortunately it is to fix with javascript.
The problem is that the code becomes very verbose (and not elegant) when I want to create a part of a web page in code.
When I want to create a table in code, I create a documentFragment and call a MakeTable function:
DOM is not object oriented so for just one row and two cells:

HTML5 Forms browser support

In the first column you can test the TextBox described in the 3rd column.
The second column your browser claims support (or not) of the feature.
The first 6 rows test the new attributes and the following rows test the new input types.
You should try it with the latest Opera & Chrome.

		<input placeholder="write here" />
		<input autofocus />
		<input required />
		<input pattern="\d/\d/\d{4}" />
		<input list="lista" /><datalist id="lista"> <option value="www.ins.gr" label="ins" /> <option value="pkario.blogspot.com" label="blog" /> <option value="www.insmoney.gr" label="insmoney" /> </datalist>
		<input multiple type="email" />
		<input type="email" />
		<input type="url" />
		<input type="number" min="2" max="11" step="3" />
		<input type="range" min="2" max="11" step="3" value="5" />
		<input type="tel" />
		<input type="time" min="11:00" max="22:00" step="30" />
		<input type="date" />
		<input type="month" />
		<input type="week" />
		<input type="datetime" />
		<input type="datetime-local" />
		<input type="search" results="10" autosave="txtSearch" />
		<input type="color" />
27%		<progress value="27" max="100">27%</progress>
value is 70		<meter min="0" max="100" value="70" low="-100" hight="100">value is 70</meter>
Web workers		var oWorker = new Worker("work.js");
Canvas		var oContext = document.createElement('canvas').getContext;
SVG		document.implementation.hasFeature( "http://www.w3.org/TR/SVG11/feature#BasicStructure","1.1")
Offline apps		window.applicationCache;
localStorage		window.localStorage["sKey"]=sValue;
sessionStorage		window.sessionStorage["sKey"]=sValue;
Web SQL Database		window.openDatabase
indexedDB		window.indexedDB, mozIndexedDB, webkitIndexedDb
Web Sockets		window.WebSocket
Cross doc messaging		window.postMessage
File API		FileReader
Geo Location		navigator.geolocation
getters & setters		function Person(){ var _sName; } Person.prototype = { get sName(){return this._sName;}, set sName(sVal){this._sName = sVal;} }
A set of words that is marked		A <mark>set of words</mark> that is marked
5pm		<time datetime="2010-08-20T17:00">5pm</time>

CSS entries:

 input:valid {background-color:#efe;}
 input:invalid {background-color:#fee;}

function to check validity:

function Check(oEvt) {
 oEvt = oEvt || event;
 var oEl = oEvt.target || oEvt.srcElement;
 return ("validity" in oInput)? oEl.validity.valid: null;
}