摘要:系列教程是一套免費開源,任何人都可以免費學習分享,甚至可以進行修改。本文是這套系列教程的索引也就是目錄第一回介紹在最開始,我們先來了解是什么的作用,以及瀏覽器的支持是怎么樣的。
《EASYDOM》系列教程是一套免費、開源,任何人都可以免費學習、分享,甚至可以進行修改。但需要注明作者及來源,并且不能用于商業。
本文是這套系列教程的索引(也就是目錄):
第一回 DOM 介紹
在最開始,我們先來了解 DOM 是什么、DOM 的作用,以及瀏覽器的支持是怎么樣的。
第二回 DOM 樹結構
現在我們知道了 DOM 是什么,再讓我們了解一下 DOM 樹結構、節點是什么,以及節點在 DOM 樹結構中的關系。
第三回 Document 對象介紹
在這個系列的前兩篇,我們掌握了 DOM 中非常重要的概念。接下來我們將學習 DOM 中核心對象之一的 Document 對象。
第四回 定位頁面元素
在對 Document 對象有了基本了解之后,我們將學習 Document 對象中很重要的功能 - 就是如何定位頁面元素。
第五回 創建頁面元素
Document 對象除了提供了定位頁面元素的功能之外,還提供了如何創建頁面元素。也是這一回我們將學習的內容。
第六回 Node 介紹
到此,我們已經掌握了 Document 對象在 DOM 中的功能。接下來,我們將繼續學習 DOM 中核心對象之一的 Node 對象。
第七回 判斷節點類型
DOM 節點樹結構中,有常見的四種節點類型,我們經常需要先區分再操作。這一回中,我們將學習如何判斷節點的類型。
第八回 遍歷節點
通過 DOM 訪問 HTML 頁面主要依靠 DOM 節點樹結構,具體操作則依靠節點之間的關系。而本回中,我們就是學習如何利用節點之間的關系實現遍歷節點。
第九回 插入節點
在前幾回中,我們掌握了通過 Node 對象如何訪問 HTML 頁面。在這一回中,我們將學習如何向 HTML 頁面添加節點。
第十回 刪除節點
Node 對象除了提供了如何向 HTML 頁面添加節點的功能,還提供了如何從 HTML 頁面中刪除節點。
第十一回 替換節點
在這一回中,我們繼續學習 Node 對象提供的實現將新節點替換 HTML 頁面中現有的節點的功能。
第十二回 復制節點
Node 對象提供的常見節點操作中,我們將學習如何實現復制(克隆)節點的功能。
第十三回 textContent 屬性
關于 Node 對象提供的屬性和方法中,最后我們還要再學習其 textContent 屬性,實現獲取或設置指定節點的文本內容。
第十四回 Element 介紹
如果你已經看到了這里,說明你已經掌握了 DOM 標準規范中的兩個核心對象 Document 和 Node 對象。接下來,我們將繼續學習 DOM 中核心對象之一的 Element 對象。
第十五回 DOM 元素樹
在基于 DOM 樹結構,我們已經掌握了什么是 DOM 節點樹結構,以及節點之間的關系。在學習 Element 對象的具體用法之前,我們先來了解一下什么是元素樹,以及元素之間的關系。
第十六回 定位頁面元素
Document 對象的主要應用之一就是定位 HTML 頁面中的元素,而 Element 對象同樣提供了類似的方法用于定位 HTML 頁面中指定元素內的元素。
第十七回 遍歷元素
Node 對象提供的屬性或方法實現了遍歷節點,但實際操作中,會有空白節點問題。通過 Element 對象提供的屬性或方法實現遍歷元素。
第十八回 屬性操作
Element 對象相對于 Node 對象更便捷地就是對屬性的操作。
第十九回 innerHTML 屬性
有關 Element 對象提供的屬性和方法,在最后我們還需要學習一個特殊的屬性,就是 innerHTML 屬性。
第二十回 獲取內聯樣式 第二十一回 獲取外聯樣式 第二十二回 獲取 class 屬性 第二十三回 獲取當前有效樣式 第二十四回 設置內聯樣式 第二十五回 設置 class 屬性 第二十六回 Element 對象的樣式屬性本系列教程的部分內容,參考了 Mozilla 社區提供的內容,感謝開源力量。
文章版權歸作者所有,未經允許請勿轉載,若此文章存在違規行為,您可以聯系管理員刪除。
轉載請注明本文地址:http://specialneedsforspecialkids.com/yun/87186.html
摘要:對象提供了屬性用于實現獲取或設置頁面指定元素的代碼。需要說明的是,在上述語法結構中,調用屬性的表示元素節點。但需要注明作者及來源,并且不能用于商業。本教程采用知識共享署名非商業性使用禁止演繹國際許可協議進行許可。 Element 對象提供了 innerHTML 屬性用于實現獲取或設置 HTML 頁面指定元素的 HTML 代碼。 獲取 HTML 代碼 innerHTML 屬性表示 HTM...
摘要:而標準規范中提供了對象,主要是依靠元素樹結構訪問和更新頁面的內容。值得注意的是所有的頁面的元素都是對象,而這個對象又是繼承于對象的。我們可以簡單地理解對象是對象的補充。本教程采用知識共享署名非商業性使用禁止演繹國際許可協議進行許可。 DOM 的標準規范中提供了 Element 對象,該對象提供了 HTML 頁面中所有元素所具有的屬性和方法。 我們都知道 DOM 標準規范中提供了 Nod...
摘要:也就是說,它沒有父節點。如果參數設為,則不克隆它的任何子節點。為了防止一個文檔中出現兩個重復的元素使用方法克隆的節點在需要時應該指定另外一個與原值不同的。 Node 對象提供了 cloneNode() 方法實現 HTML 頁面中節點的復制功能。其語法結構如下: var dupNode = node.cloneNode(deep); 在上述語法結構中,調用 cloneNode() 方法的...
摘要:參數則表示頁面中被替換的節點。方法的返回值也是被替換的節點,即。如果該節點已經存在于節點樹結構中的話,則它會被從原始位置刪除。但需要注明作者及來源,并且不能用于商業。本教程采用知識共享署名非商業性使用禁止演繹國際許可協議進行許可。 Node 對象提供了 replaceChild() 方法實現 HTML 頁面中節點的替換功能。其語法結構如下: replacedNode = parentN...
摘要:對象提供了方法實現從頁面中刪除指定節點。其語法結構如下在上述語法結構中,調用方法的表示參數的父節點,而參數則表示要刪除的那個節點。則用于存儲要刪除的節點的引用,即。 Node 對象提供了 removeChild() 方法實現從 HTML 頁面中刪除指定節點。其語法結構如下: var oldChild = node.removeChild(child); OR element.remov...
閱讀 2393·2021-09-22 16:01
閱讀 3159·2021-09-22 15:41
閱讀 1174·2021-08-30 09:48
閱讀 494·2019-08-30 15:52
閱讀 3330·2019-08-30 13:57
閱讀 1717·2019-08-30 13:55
閱讀 3661·2019-08-30 11:25
閱讀 764·2019-08-29 17:25