AW.System.HTML

Generic HTML element class.

Constructor

 var obj = new AW.System.HTML; 

Hierarchy

Parent Classes: AW.System.Object

Derived Classes: AW.System.Template AW.System.Control AW.HTML.DIV AW.HTML.SPAN AW.HTML.IMG AW.HTML.INPUT AW.HTML.BUTTON AW.HTML.TEXTAREA AW.HTML.TABLE AW.HTML.TR AW.HTML.TD

Methods

clone	Creates an object clone.
element	Returns the reference to the HTML element.
getAttribute	Returns the value of the attribute.
getClass	Returns the value of the CSS class.
getContent	Returns the named HTML fragment.
getEvent	Returns the HTML event handler.
getId	Returns the unique ID of this object.
getStyle	Returns the value of the CSS style attribute.
getTag	Returns the HTML tag name.
init	Initializes the object.
refresh	Updates the HTML element.
refreshClasses	Updates the className attribute of the HTML element.
setAttribute	Sets the value of the attribute.
setClass	Sets the value of the CSS class.
setContent	Adds the static HTML fragment to the object.
setEvent	Assigns the HTML event handler.
setId	Sets the unique ID for this object.
setPosition	Sets element position (absolute).
setSize	Sets element size.
setStyle	Sets the value of the CSS style attribute.
setTag	Sets the HTML tag name.
setTimeout	Calls the function after the specified delay.
toString	Converts object to string.

Example

AW allows assembling html markup in 'object-oriented' way -

var obj = new AW.HTML.DIV;
obj.setClass("test", "div");
obj.setAttribute("title", "tooltip text");
obj.setStyle("border", "1px solid red");
obj.setEvent("onclick", function(){alert(this)});
obj.setContent("html", "inner html");
document.write(obj);

<style> .aw-test-div {padding: 5px 10px} </style> <script> var obj = new AW.HTML.DIV; obj.setClass("test", "div"); obj.setAttribute("title", "tooltip text"); obj.setStyle("border", "1px solid red"); obj.setEvent("onclick", function(){alert(this)}); obj.setContent("html", "inner html"); document.write(obj); </script>

See also

AW.System.Control class