使用腳本操作DOM

createElement()

可以新建任何類型的標準HTML元素,比如段落、區(qū)間、表格、列表等。

var newDiv = document.createElement("div");

createTextNode()

創(chuàng)建文本內(nèi)容

var newTextNode = document.createTextNode("Here is some text content.");

cloneNode()

這個方法以一個布爾值作為參數(shù),當(dāng)參數(shù)為true時,表示不僅要復(fù)制節(jié)點,還要復(fù)制全部子節(jié)點:

var myDiv = document.getElement("id");
var newDiv = myDiv.cloneNode(true);  //復(fù)制了元素及其子節(jié)點

appendChild()

把新節(jié)點添加到DOM樹

var newText = document.createTextNode("Here is some text content.");
var myDiv = document.getElementById("id1");
myDiv.appendChild(newText);

appendChild()總是在現(xiàn)有的最后一個子節(jié)點之后添加子節(jié)點。

insertBefore()

指定一個子節(jié)點,然后把新節(jié)點插入到它前面。

replaceChild()

把父元素現(xiàn)有的一個子節(jié)點替換成另一個節(jié)點。它有兩個參數(shù),一個是新的子節(jié)點,一個是現(xiàn)有的子節(jié)點。

removeChild()

刪除節(jié)點

setAttribute()

給元素節(jié)點創(chuàng)建屬性并賦值。

var myPara = document.getElementById("para1");
myPara.setAttribute("title", "Opening paragraph");  //設(shè)置title屬性
myPara.setAttribute("title", "New title");  //覆蓋title屬性  
最后編輯于
?著作權(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)容

  • Node類型 DOM1級定義了一個Node接口,該接口由DOM中所有節(jié)點類型實現(xiàn)。這個Node接口在JS中是作為N...
    Maggie_77閱讀 467評論 0 0
  • 什么是DOM??? DOM(Document Object Model 文檔對象模型)是針對HTML和XML文檔的...
    熒惑3_3閱讀 1,571評論 0 1
  • 故事開始于一個春天陽光明媚的午后,哥哥家去種花生,弟弟家去收蒜苔,暫且稱哥哥為張三,弟弟為李四好了。茶余飯...
    王非王閱讀 261評論 0 0
  • 善良 樂于助人,拜茶所賜 雙魚座的性格觀 你溫柔、多愁善感、想像豐富 愛做白日夢,現(xiàn)實理想分不清楚 集中了十二星座...
    愛生活挺自己閱讀 285評論 0 0
  • 剛剛高考完的我正在網(wǎng)吧上網(wǎng),被突然響起的手機鈴聲嚇了一跳,一看來電顯示,不是別人,正是我很討厭的親哥哥。 掛了兩遍...
    冰城蜀黍閱讀 532評論 0 2

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