<html>
<head>
<title>Abakada DHTML Demo: insertAdjacentHTML Method</title>
<link rel="stylesheet" href="/shared/netdemos.css">
<script language="JScript">
<!--
function fnAdd ( ) {
document.body.insertAdjacentHTML ( "beforeEnd", "<p>" +
lstOptions.value + "</p>" );
}
// -->
</script>
</head>
<body>
<!-- #include virtual="~/shared/top.inc" -->
<div class="header"><h2>Abakada DHTML Demo: insertAdjacentHTML Method</h2></div>
<hr size=1 width=92%>
<center>
<p id="msg">HTML content can be added to a document using the <b>insertAdjacentHTML</b> method. Select from the following options and click Add. The new HTML is inserted into the document every time the button is clicked. </p>
<select id="lstOptions">
<option value="<p>The <b>location</b> parameter indicates where to insert the new content, which can be one of four possible places: </p>">Add this HTML</option>
<option value="<blockquote>beforeBegin, afterBegin, beforeEnd, afterEnd</blockquote>">Then add this HTML</option>
</select>
<input type="button" value="Add" onclick="fnAdd( )">
</center>
<hr size=1 width=92%>
<!-- #include virtual="~/shared/viewsrc.inc" -->
</body>
</html>