1. 程式人生 > >全棧JavaScript之路( 二十 )HTML5 插入 html標記 ( 二 )insertAdjacentHTML

全棧JavaScript之路( 二十 )HTML5 插入 html標記 ( 二 )insertAdjacentHTML

ava html ace erb class 之前 一個 chrom asc

insertAdjacentHTML(), 這種方法也是在IE中最早出現的。如今已納入html5規範,它接受兩個參數,一個是下列的標記之中的一個,一個是要寫入的 html 代碼文本。

  1. beforebegin , (英文為開始之前的意思)在當前元素之前插入一個新的緊鄰的同輩元素
  2. afterbegin,(英文為開始之後的意思)在當前元素之下插入一個子元素。或者是在當前元素的第一個子元素之前插入一個新的子元素。
  3. beforeend,(英文為結束之前的意思)在當前元素之後插入一個新的子元素,或者在當前元素最後一個子元素之後插入一個新的子元素,
  4. afterend,(英文為結束之後的意思)在當前的元素之下插入一個緊鄰的同輩元素。


支持insertAdjacentHTML()方法的瀏覽器有IE、Firefox 8+、Safari、Opera 和Chrome。

全棧JavaScript之路( 二十 )HTML5 插入 html標記 ( 二 )insertAdjacentHTML