日韩欧美成人免费一级片_ DOM精簡(jiǎn)教程

DOM精簡(jiǎn)教程

先來(lái)看一張簡(jiǎn)單的文檔樹(shù)

很明顯樹(shù)的頂層節點(diǎn)是NodeA節點(diǎn),接下來(lái)可以通過(guò)指定的合適節點(diǎn)移動(dòng)到樹(shù)中的任何點(diǎn),結合以下的代碼你可以更好的了解這棵樹(shù)節點(diǎn)間的相互關(guān)系:
NodeA.firstChild = NodeA1
NodeA.lastChild = NodeA3
NodeA.childNodes.length = 3
NodeA.childNodes［0］ = NodeA1
NodeA.childNodes［1］ = NodeA2
NodeA.childNodes［2］ = NodeA3
NodeA1.parentNode = NodeA
NodeA1.nextSibling = NodeA2
NodeA3.previousSibling = NodeA2
NodeA3.nextSibling = null
NodeA.lastChild.firstChild = NodeA3a
NodeA3b.parentNode.parentNode = NodeA
DOM定義對操作一個(gè)文檔對象的節點(diǎn)結構提供了實(shí)用的方法,它提供了像執行對象插入,更新,刪除,克隆等這些常用的方法。
insertBefore()--在參考子節點(diǎn)之前插入一個(gè)新的子節點(diǎn).如果參考的子節點(diǎn)為null,則新的子節點(diǎn)將作為調用節點(diǎn)的最后一個(gè)子節點(diǎn)插入。
replaceChild()--在childNodes集合種使用指定的newChild來(lái)代替oldChild;如果代替成功,則返回oldChild;如果newChild是null,則只需刪除oldChild即可。
removeChild()--從節點(diǎn)的ChildNodes集合中刪除removeChild指定的節點(diǎn),如果刪除成功,則返回刪除的子節點(diǎn)。
appendChild()--添加一個(gè)新節點(diǎn)到childNodes集合的末尾,如果成功,則返回新節點(diǎn)。
cloneNode()--創(chuàng )建一個(gè)新的、復制的節點(diǎn),并且如果傳入的參數是true時(shí),還將復制子節點(diǎn),如果節點(diǎn)是一個(gè)元素,那么還將復制相應屬性,返回新的節點(diǎn)。
為了在一棵文檔樹(shù)中訪(fǎng)問(wèn)或者建立一個(gè)新的節點(diǎn),可以用下面這些方法:
getElementById()
getElementsByTagName()
createElement()
createAttribute()
createTextNode()

DOM屬性操作

屬性/方法	描述
Document.createElement(tagName)	文檔對象上的createElement方法可以創(chuàng )建由tagName指定的元素。如果以字符串串div作為方法參數，就會(huì )生成一個(gè)div元素
Document.createTextNode(text)	文檔對象的createTextNode方法會(huì )創(chuàng )建一個(gè)包含靜態(tài)文本的節點(diǎn)。
<element>.appendChild(childNode)	appendChild方法將指定的節點(diǎn)增加到當前元素的子節點(diǎn)列表（作為一個(gè)新的子節點(diǎn)）。例如：可以增加一個(gè)option元素，作為select元素的子節點(diǎn)。
<element>.getAttribute(name) <element>.setAttribute(name)	這些方法分別獲得和設置元素中name屬性的值。
<element>.insertBefore(newNode,targetNode)	這個(gè)方法將節點(diǎn)newNode作為當前元素的子節點(diǎn)插到targetNode元素前面。
<element>.removeAttribute(name)	這個(gè)方法從元素中刪除屬性name。
<element>.replaceChild(newNode,oldNode)	這個(gè)方法將節點(diǎn)oldNode替換位節點(diǎn)newNode。
<element>.hasChildnodes()	這個(gè)方法返回一個(gè)布爾值，指示元素是否有子元素。
<element>.cloneNode(true)	克隆當前元素，并返回新元素

本站僅提供存儲服務(wù)，所有內容均由用戶(hù)發(fā)布，如發(fā)現有害或侵權內容，請點(diǎn)擊舉報。

欧美性猛交XXXX免费看蜜桃,成人网18免费韩国,亚洲国产成人精品区综合,欧美日韩一区二区三区高清不卡,亚洲综合一区二区精品久久