insertAdjacentElement方法

本文详细介绍了 HTML 中 insertAdjacentElement() 方法的使用方法及注意事项。该方法允许开发者依据现有元素定位来插入新的元素节点,提供了四个参数选项来确定新元素的位置。文章还通过示例代码展示了如何利用此方法动态地改变网页结构。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

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

  

  •   
  • 列表项目1
      
  • 列表项目2
      

  

  



  
  •   
  •   
  •   
  •   
  •   
  •   
  •   
  •   
  •   
  •   
      

    本文转自
    http://hi.baidu.com/bluewhale84/blog/item/a5ba3b8b1171ea7c9f2fb403.html
    评论
    添加红包

    请填写红包祝福语或标题

    红包个数最小为10个

    红包金额最低5元

    当前余额3.43前往充值 >
    需支付:10.00
    成就一亿技术人!
    领取后你会自动成为博主和红包主的粉丝 规则
    hope_wisdom
    发出的红包
    实付
    使用余额支付
    点击重新获取
    扫码支付
    钱包余额 0

    抵扣说明:

    1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
    2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

    余额充值