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>