beetle
03-21-2003, 11:47 PM
Well, while working on a recent project (http://www.peterbailey.net/dhtml/taeditor.htm), I created a method for making DOM-approved™ HTML elements fairly easily. Here's the methoddocument.createHTMLElement = function( elemName, attribs )
{
var elem = document.createElement( elemName );
if ( typeof attribs != 'undefined' )
{
for ( var i in attribs )
{
switch ( true )
{
case ( i == 'text' ) : elem.appendChild( document.createTextNode( attribs[i] ) ); break;
case ( i == 'class' ) : elem.className = attribs[i]; break;
default : elem.setAttribute( i, '' ); elem[i] = attribs[i];
}
}
}
return elem;
}I also cooked up a little demo (http://www.peterbailey.net/test/createHTMLElement.htm) or two (http://www.peterbailey.net/test/createHTMLElement2.htm)
To use this, you will need to be familiar with object literals (http://devedge.netscape.com/library/manuals/2000/javascript/1.5/guide/ident.html#1009450)
{
var elem = document.createElement( elemName );
if ( typeof attribs != 'undefined' )
{
for ( var i in attribs )
{
switch ( true )
{
case ( i == 'text' ) : elem.appendChild( document.createTextNode( attribs[i] ) ); break;
case ( i == 'class' ) : elem.className = attribs[i]; break;
default : elem.setAttribute( i, '' ); elem[i] = attribs[i];
}
}
}
return elem;
}I also cooked up a little demo (http://www.peterbailey.net/test/createHTMLElement.htm) or two (http://www.peterbailey.net/test/createHTMLElement2.htm)
To use this, you will need to be familiar with object literals (http://devedge.netscape.com/library/manuals/2000/javascript/1.5/guide/ident.html#1009450)