【转】document.body.insertAdjacentElement用法

var frm = document.createElement(“form”);
alert(frm);
frm.id = “_frm”;
frm.name = “_frm”;
frm.action = url;
frm.method = ‘post’;
document.body.insertAdjacentElement(“beforeEnd”,frm);
document.getElementById(“_frm”).submit();

  语法:

  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>

此条目发表在 Javascript 分类目录,贴了 标签。将固定链接加入收藏夹。

发表评论

电子邮件地址不会被公开。 必填项已用 * 标注

*

您可以使用这些 HTML 标签和属性: <a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <strike> <strong>