insertAdjacentElement方法

语法： 
oElement = object . insertAdjacentElement ( sWhere , oElement ) 

参数： 
oElement :　 必选项。对象(Element)。要插入到 object 邻近的对象。
sWhere :　 必选项。字符串(String)。beforeBegin | afterBegin | beforeEnd | afterEnd beforeBegin :　 将 oElement 插到 object 的开始标签之前。 
afterBegin :　 将 oElement 插到 object 的开始标签之后。但是在 object 的所有原有内容之前。 
beforeEnd :　 将 oElement 插到 object 的结束标签之前。但是在 object 的所有原有内容之后。 
afterEnd :　 将 oElement 插到 object 的结束标签之后。 

返回值： 
oElement :　 对象(Element)。返回插入的对象的引用。 

说明： 
将 oElement 依据 object 定位插入文档结构。 
当文档正在载入时，不可以尝试此方法。必须在 onload 事件触发以后。 
假如你尝试插入一个已经在文档结构中存在定位的对象，该对象将被移动到你指定的插入位置，而不会有新对象被创建。

<script> 
var i_nowheight=250; 
function rdl_doApply(e){ 
with (document.all("oSelect1")) var sParam1=options[selectedIndex].value; 
with (document.all("oSelect2")) var sParam2=options[selectedIndex].value; 
var oNewNode=document.createElement(sParam1); 
oList.insertAdjacentElement(sParam2,oNewNode); 
oNewNode.innerText=sParam2 
i_nowheight+=30; 
window.resizeTo(360,i_nowheight); 
} 
</script>
<div id=oCode> 
<ul id=oList> 
<li>列表项目1 
<li>列表项目2 
</ul> 
</div> 
<table height=56><tr> 
<td><select style="width:100px;" id=oSelect1> 
<option value="button" selected>button</option> 
<option value="b">b</option> 
</select></td> 
<td><select style="width:100px;" id=oSelect2> 
<option value="beforeBegin" selected>beforeBegin</option> 
<option value="afterBegin">afterBegin</option> 
<option value="beforeEnd">beforeEnd</option> 
<option value="afterEnd">afterEnd</option> 
</select></td> 
<td><input type=button value=" 插入 " onclick="rdl_doApply()"></td> 
</tr>

</table>