HTML | DOM insertAdjacentText() 方法

insertAdjacentText()在以下位置之一插入提供的文本。

• 开始后：
• 之后：
• 开始之前：
• 之前：

句法：

node.insertAdjacentText(position, text)

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

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

返回值：无返回值。

例外：如果指定的位置未被识别。

例子：

  

    
        HTML | DOM insertAdjacentText() Method
    
    
    
        function insadjtxt() {
            var h = document.getElementById("m1");
            h.insertAdjacentText("beforeend",
                " Computer Science Portal.");
        }
    

  

     Welcome To GeeksforGeeks
  
    
      GeeksforGeeks is a 
    
  
    
      Click the button to insert some
      text after the sentence:
    
  
    
        Insert text
    
  

  

输出：

单击插入文本按钮之前：

单击插入文本按钮后：

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

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