jQuery和JS中的添加節(jié)點方法

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é)點包起來)。

?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時請結(jié)合常識與多方信息審慎甄別。
平臺聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點,簡書系信息發(fā)布平臺,僅提供信息存儲服務(wù)。

相關(guān)閱讀更多精彩內(nèi)容

  • DOM創(chuàng)建節(jié)點及節(jié)點屬性 通過JavaScript可以很方便的獲取DOM節(jié)點,從而進行一系列的DOM操作。但實際上...
    阿r阿r閱讀 1,076評論 0 9
  • 一、樣式篇 第1章 初識jQuery (1)環(huán)境搭建 進入官方網(wǎng)站獲取最新的版本 http://jquery.co...
    凜0_0閱讀 3,675評論 0 44
  • 第1章 簡介 第2章 DOM節(jié)點的創(chuàng)建 2-1 DOM創(chuàng)建節(jié)點及節(jié)點屬性 通過JavaScript可以很方便的獲...
    mo默22閱讀 934評論 0 8
  • 創(chuàng)建 $('body').append($(" ")) //向body 中插入一個 div 插入 append:...
    學(xué)開船不會開船閱讀 302評論 0 1
  • 1:jQuery節(jié)點創(chuàng)建與屬性的處理 創(chuàng)建元素節(jié)點:可以有幾種方式,后面會慢慢接觸。常見的就是直接把這個節(jié)點的結(jié)構(gòu)...
    碼農(nóng)小楊閱讀 685評論 0 1

友情鏈接更多精彩內(nèi)容