HTML | DOM insertAdjacentElement() 方法

insertAdjacentElement()方法在指定位置插入指定元素。
这个职位的合法价值是。

• 开始后
• 事后
• 开始前
• 之前

句法：

node.insertAdjacentElement(position, element)

参数：此方法需要 2 个参数。

• position：相对于元素的位置。合法值是：-
  1. afterbegin：就在元素内部，在它的第一个子元素之前。
  2. afterend：在元素本身之后。
  3. beforebegin：在元素本身之前。
  4. beforeend：就在元素内部，在它的最后一个子元素之后。

• element：要插入的元素。

返回值：插入的元素，如果插入失败，则为 null。

例外情况：如果指定的位置无法识别或指定的元素不是有效元素。

例子：

  

    
    
    
        function insadjele() {
            var s = document.getElementById("d1");
            var h = document.getElementById("head3");
            
            h.insertAdjacentElement("afterend", s);
        }
    

  

     Welcome To GeeksforGeeks
  
    div element
    header element
  
    Click the button to insert 
      div element after the header element
  
    Insert element
  

  

输出：

单击插入元素按钮之前：

单击插入元素按钮后：

支持的浏览器： DOM insertAdjacentElement()方法支持的浏览器如下：

• 谷歌浏览器
• 火狐
• 歌剧
• IE浏览器
• 苹果浏览器