資訊專欄INFORMATION COLUMN
摘要：元素節(jié)點(diǎn)類型節(jié)點(diǎn)類型數(shù)值元素節(jié)點(diǎn)屬性節(jié)點(diǎn)文本節(jié)點(diǎn)文檔節(jié)點(diǎn)和屬性元素節(jié)點(diǎn)的始終為，始終保存元素的標(biāo)簽名。返回類數(shù)組對象。
1.元素節(jié)點(diǎn)類型
| 節(jié)點(diǎn)類型 | 數(shù)值 |
|---|---|
| 元素節(jié)點(diǎn) | 1 |
| 屬性節(jié)點(diǎn) | 2 |
| 文本節(jié)點(diǎn) | 3 |
| 文檔節(jié)點(diǎn) | 9 |
2.nodeName和nodeValue屬性
元素節(jié)點(diǎn)的nodeValue始終為null，nodeName始終保存元素的標(biāo)簽名。
3.childNodes
element.childNodes返回類數(shù)組對象。
4.Document類型
| 屬性 | 值 |
|---|---|
| nodeType | 9 |
| nodeName | "#document" |
| nodeValue | null |
| parentNode | null |
5.document.referrer // 取得來源頁面的URL
6.Element類型
| 屬性 | 值 |
|---|---|
| nodeType | 1 |
| nodeName | 元素標(biāo)簽名 |
| nodeValue | null |
| parentNode | Document和Element |
| 子節(jié)點(diǎn) | Element、Text、Comment、ProcessingInstruction、CDATASection或EntityReference |
| attributes | 標(biāo)簽屬性集合 |
訪問元素標(biāo)簽名，也可以通過tagName訪問
7.Text類型
| 屬性 | 值 |
|---|---|
| nodeType | 3 |
| nodeName | "#text" |
| nodeValue | 節(jié)點(diǎn)所包含的文本 |
| parentNode | 一個Element |
| 子節(jié)點(diǎn) | 無 |
| 方法 | 說明 |
|---|---|
| element.childNodes | 獲取元素所有子節(jié)點(diǎn) |
| element.nodeType | 獲取元素節(jié)點(diǎn)類型 |
| element.nodeName | 獲取元素節(jié)點(diǎn)名稱 |
| element.parentNode | 獲取元素父節(jié)點(diǎn) |
| element.previousSibling | 獲取元素上一個兄弟節(jié)點(diǎn) |
| element.nextSibling | 獲取元素下一個兄弟節(jié)點(diǎn) |
| element.firstChild | 獲取元素第一個子節(jié)點(diǎn) |
| element.lastChild | 獲取元素最后一個子節(jié)點(diǎn) |
| element.hasChildNodes() | 獲取元素是否存在子節(jié)點(diǎn)，存在返回true |
| element.ownerDocument | 獲取整個文檔的文檔節(jié)點(diǎn)document |
| element.appendChild(newNode) | 向元素最后位置添加子元素，如果newNode已經(jīng)是文檔中一部分，那么只是該節(jié)點(diǎn)變成最后一個子節(jié)點(diǎn) |
| element.insertBefore(newNode, null) | 向元素指定位置(參照元素前)添加子元素，第一個參數(shù)為新元素，第二個參數(shù)為參照元素，如果第二個參數(shù)為null，那么該方法相當(dāng)于appendChild |
| element.replaceChild(newNode, oldNode) | 替換子節(jié)點(diǎn) |
| element.removeChild(someNode) | 移除子節(jié)點(diǎn)，該方法返回被移除的節(jié)點(diǎn) |
| element.cloneNode(true) | 克隆節(jié)點(diǎn)，如果方法內(nèi)參數(shù)為true，則復(fù)制節(jié)點(diǎn)及其所有子節(jié)點(diǎn)，如果為false，則復(fù)制節(jié)點(diǎn) |
| element.setAttribute() | 設(shè)置特性 |
| element.removeAttribute() | 移除特性 |
| element.getAttribute() | 獲取特性 |
| document.createTextNode("hello world!") | 創(chuàng)建文本節(jié)點(diǎn) |
| document.createElement("div") | 創(chuàng)建元素節(jié)點(diǎn) |
| document.createDocumentFragment() | 創(chuàng)建文檔片段，該片段繼承了Node所有方法，通常用來執(zhí)DOM操作 |
文章版權(quán)歸作者所有，未經(jīng)允許請勿轉(zhuǎn)載,若此文章存在違規(guī)行為，您可以聯(lián)系管理員刪除。
轉(zhuǎn)載請注明本文地址：http://systransis.cn/yun/84702.html
摘要：繼承接口對象不僅實(shí)現(xiàn)了接口，也實(shí)現(xiàn)了接口，用來標(biāo)識當(dāng)前窗口內(nèi)的文檔節(jié)點(diǎn)。繼承接口描述了所有相同種類的元素所普遍具有的方法和屬性。 由于工作中一直在用框架來解決問題，在平時對dom的關(guān)注也比較少（特別像angular這種自己封裝了一層視圖層的框架，并不建議直接操作DOM），所以dom相關(guān)的知識也忘的差不多了,這次做公司產(chǎn)品的官網(wǎng)，沒有太多的交互和功能，直接用了原生js，正好借此整理一下遺...
摘要：提示對象是對象的一部分，可通過屬性對其進(jìn)行訪問。方法返回布爾值，用于檢測文檔或文檔內(nèi)的任一元素是否獲取焦點(diǎn)。布爾值，指定事件是否在捕獲或冒泡階段執(zhí)行。向元素添加事件句柄移除元素的事件句柄方法級元素參數(shù)類型描述對象必須。一、DOM對象 DOM對象整體包括： HTML DOM Document對象 HTML DOM 元素對象 HTML DOM 屬性對象 HTML DOM 事件對象 HTML D...
摘要：好的，這些是眾所周知的。和兩者最大區(qū)別就是是否會改變調(diào)用它們的節(jié)點(diǎn)自身，類似上面與的其二中所描述。并未寫入規(guī)范，不建議使用，而且會導(dǎo)致調(diào)用它的節(jié)點(diǎn)自身消失。兩者可能因?yàn)闉g覽器不同，輸出的文本格式略有差別 innerHTML和outerHTML 先說一個幾乎眾所周知的，innerHTML和outerHTML中的內(nèi)容都會被解析為DOM子樹，其二就是， let txt = doc...
摘要：內(nèi)聯(lián)樣式外聯(lián)樣式樣式屬性，寫在外部文件，通過鏈接導(dǎo)入。內(nèi)聯(lián)樣式注意點(diǎn)樣式的應(yīng)用，采取就近原則，因此一般情況優(yōu)先級是內(nèi)聯(lián)樣式嵌入樣式外聯(lián)樣式。中有新的方式去查看完整的屬性某元素內(nèi)聯(lián)外聯(lián)嵌入樣式合起來計(jì)算后的屬性。 訪問的style屬性為空？ 有時候，直接通過某元素的style屬性去查看相關(guān)信息時，會發(fā)現(xiàn)查看到的是空的屬性。原因很簡單，style屬性只能訪問內(nèi)聯(lián)樣式，而你把css寫在了外部...
摘要：好的，這些是眾所周知的。和兩者最大區(qū)別就是是否會改變調(diào)用它們的節(jié)點(diǎn)自身，類似上面與的其二中所描述。并未寫入規(guī)范，不建議使用，而且會導(dǎo)致調(diào)用它的節(jié)點(diǎn)自身消失。兩者可能因?yàn)闉g覽器不同，輸出的文本格式略有差別 innerHTML和outerHTML 先說一個幾乎眾所周知的，innerHTML和outerHTML中的內(nèi)容都會被解析為DOM子樹，其二就是， let txt = doc...
閱讀 2982·2021-11-23 10:12
閱讀 2708·2021-11-23 09:51
閱讀 2052·2021-11-15 11:37
閱讀 1403·2019-08-30 15:55
閱讀 1977·2019-08-29 15:40
閱讀 1180·2019-08-28 18:30
閱讀 1662·2019-08-28 18:02
閱讀 2654·2019-08-26 12:00
