jQuery append() 方法
jQuery append() 方法在被選元素的結(jié)尾插入內(nèi)容。
實例
$("p").append("Some appended text.");
jQuery prepend() 方法
jQuery prepend() 方法在被選元素的開頭插入內(nèi)容。
實例
$("p").prepend("Some prepended text.");
JS插入節(jié)點方法
JS原生API插入節(jié)點的方式大致有innerHTML、outerHTML、appendChild、insertBefore、insertAdjacentHTML、applyElement這6種。
innerHTML:獲取標簽內(nèi)部的HTML內(nèi)容。
outerHTML:獲取包括目標標簽在內(nèi),以及內(nèi)部HTML的內(nèi)容。
appendChild:向目標標簽?zāi)┪蔡砑幼庸?jié)點,返回參數(shù)節(jié)點。
insertBefore:向目標節(jié)點的第二個參數(shù)位置添加第一個參數(shù)為子節(jié)點,返回第一個參數(shù)。
insertAdjacentHTML:向目標節(jié)點的指定位置添加節(jié)點;第二個參數(shù)為要添加的節(jié)點,第一個參數(shù)指定位置,位置包括beforebegin(添加為previousSibling)、afterbegin(添加為firstChild)、beforeend(添加為lastChild)、afterend(添加為nextSibling)。它還有兩個兄弟函數(shù),分別是insertAdjacentElement和insertAdjacentText,前者添加元素并返回該元素,后者添加文本。
applyElement:IE的函數(shù),將參數(shù)節(jié)點設(shè)置成目標節(jié)點的外包圍或者內(nèi)包圍;第一個為參數(shù)節(jié)點,第二個參數(shù)指定方式,方式包括inside(內(nèi)包圍,即參數(shù)節(jié)點將目標節(jié)點的子節(jié)點包起來)、outside(外包圍,即參數(shù)節(jié)點將目標節(jié)點包起來)。