jQuery append() 方法
jQuery append() 方法在被選元素的結(jié)尾插入內(nèi)容舆瘪。
實(shí)例
$("p").append("Some appended text.");
jQuery prepend() 方法
jQuery prepend() 方法在被選元素的開頭插入內(nèi)容锥腻。
實(shí)例
$("p").prepend("Some prepended text.");
JS插入節(jié)點(diǎn)方法
JS原生API插入節(jié)點(diǎn)的方式大致有innerHTML、outerHTML吏砂、appendChild、insertBefore、insertAdjacentHTML纤虽、applyElement這6種。
innerHTML:獲取標(biāo)簽內(nèi)部的HTML內(nèi)容绞惦。
outerHTML:獲取包括目標(biāo)標(biāo)簽在內(nèi)逼纸,以及內(nèi)部HTML的內(nèi)容。
appendChild:向目標(biāo)標(biāo)簽?zāi)┪蔡砑幼庸?jié)點(diǎn)济蝉,返回參數(shù)節(jié)點(diǎn)杰刽。
insertBefore:向目標(biāo)節(jié)點(diǎn)的第二個(gè)參數(shù)位置添加第一個(gè)參數(shù)為子節(jié)點(diǎn),返回第一個(gè)參數(shù)王滤。
insertAdjacentHTML:向目標(biāo)節(jié)點(diǎn)的指定位置添加節(jié)點(diǎn)贺嫂;第二個(gè)參數(shù)為要添加的節(jié)點(diǎn),第一個(gè)參數(shù)指定位置雁乡,位置包括beforebegin(添加為previousSibling)第喳、afterbegin(添加為firstChild)、beforeend(添加為lastChild)踱稍、afterend(添加為nextSibling)曲饱。它還有兩個(gè)兄弟函數(shù)吩跋,分別是insertAdjacentElement和insertAdjacentText,前者添加元素并返回該元素渔工,后者添加文本锌钮。
applyElement:IE的函數(shù),將參數(shù)節(jié)點(diǎn)設(shè)置成目標(biāo)節(jié)點(diǎn)的外包圍或者內(nèi)包圍引矩;第一個(gè)為參數(shù)節(jié)點(diǎn)梁丘,第二個(gè)參數(shù)指定方式,方式包括inside(內(nèi)包圍旺韭,即參數(shù)節(jié)點(diǎn)將目標(biāo)節(jié)點(diǎn)的子節(jié)點(diǎn)包起來)氛谜、outside(外包圍,即參數(shù)節(jié)點(diǎn)將目標(biāo)節(jié)點(diǎn)包起來)区端。