语法:
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 事件触发以后。
假如你尝试插入一个已经在文档结构中存在定位的对象,该对象将被移动到你指定的插入位置,而不会有新对象被创建。
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=" 插入 " οnclick="rdl_doApply()"></td>
- </tr></table>