insertAdjacentHTML Method

Inserts the given HTML text into the element at the location.

Syntax

object .insertAdjacentHTML( sWhere , sText )

Parameters

sWhere

Required. String that specifies where to insert the HTML text, using one of the following values:

beforeBegin	Inserts sText immediately before the object.
afterBegin	Inserts sText after the start of the object but before all other content in the object.
beforeEnd	Inserts sText immediately before the end of the object but after all other content in the object.
afterEnd	Inserts sText immediately after the end of the object.

sText

Required. String that specifies the HTML text to insert. The string can be a combination of text and HTML tags. This must be well-formed, valid HTML or this method will fail.

Return Value

No return value.

Remarks

If the text contains HTML tags, the method parses and formats the text as it is inserted.

You cannot insert text while the document is loading. Wait for the onload event to fire before attempting to call this method.

When using the insertAdjacentHTML method to insert script, you must include the DEFER attribute in the script element.

Example

This example uses the insertAdjacentHTML method to insert script into the page.

var sHTML="<input type=button onclick=" + "go2()" + " value='Click Me'><BR>"
var sScript='<SCRIPT DEFER>'
sScript = sScript + 'function go2(){ alert("Hello from inserted script.") }' sScript = sScript + '</script' + '>';
ScriptDiv. insertAdjacentHTML ("afterBegin",sHTML + sScript);

Standards Information

There is no public standard that applies to this method.

Applies To

CENTER Platform Version

Win16:	4.0
Win32:	4.0
Windows CE:	4.0
Unix:	4.0
Mac:	4.0

A , ADDRESS , AREA , B , BASEFONT , BIG , BLOCKQUOTE , BODY , BUTTON , CAPTION , CENTER , CITE , CODE , COMMENT , CUSTOM , DD , DFN , DIR , DIV , DL , DT , EM , FIELDSET , FONT , FORM , FRAMESET , hn , HR , I , IFRAME , IMG , INPUT type=button , INPUT type=checkbox , INPUT type=file , INPUT type=hidden , INPUT type=image , INPUT type=password , INPUT type=radio , INPUT type=reset , INPUT type=submit , INPUT type=text , KBD , LABEL , LEGEND , LI , LISTING , MAP , MARQUEE , MENU , NOBR , OL , OPTION , P , PLAINTEXT , PRE , S , SAMP , SELECT , SMALL , SPAN , STRIKE , STRONG , SUB , SUP , TD , TEXTAREA , TH , TT , U , UL , VAR , XMP

Home | Top | Free Ajax Editor | JavaScript Editor

Get Advanced
JavaScript and Ajax Editor,
Validator and Debugger!
1st JavaScript Editor.

→