HTML: 超文本標記語言，專門定義網頁內容的語言
XHTML: 嚴格的HTML標準
DHTML: 所有實現網頁動態效果技術的統稱
XML: 可擴展的標記語言，標簽都是自定義的
XML語法和HTML語法完全相同！——結構化數據

Node類型

nodetype ?返回數字? ? ?

nodeName("元素名稱的大寫形式") 當前節點的名稱

nodevalue獲得當前節點的值，對元素節點無效

遞回遍歷節點樹(尤其重要！)

算法：深度優先遍歷！
優先遍歷下級節點，直到碰到葉子節點，才返回并更換另一個分支繼續遍歷下級節點。
遞歸：函數自己內部又調用了自己。

?

　　　　　　　　　　　　　　　　　　　　　　遍歷API：2個：NodeIterator TreeWalker
內部同樣使用深度優先算法
　　2步：
1. 創建迭代器對象：
var iterator=document.createNodeIterator(
開始節點對象,
顯示何種節點,//NodeFilter.SHOW_ALL
//NodeFilter.SHOW_ELEMENT
null,false
);
*迭代器開始時，站在第一個節點的前一個位置！
兩個方法：var nextNode=iterator.nextNode();
讓迭代器向下一個對象跳一步
同時返回跳到的對象
如果沒有下一個節點了，則返回null
iterator.previousNode();
2. 利用循環推動迭代器反復向下一個節點移動

　　　　　　　　　　　　　　　　　　　　　　TreeWalker vs NodeIterator
創建和深度遍歷的方法，完全一樣
　　　　　　　　區別1：TreeWalker一開始就站在開始節點上
Iterator一開始站子開始節點之前的空位置
　　　　　　　　區別2：擴展了更靈活的跳轉方法
parentNode()，firstChild()，nextSibling()...

?

　　　　　　　　　　Selector API: 專門利用css選擇器查找任意元素的方法（jquery的核心！）
var elem=parent.querySelector("選擇器");
只返回第一個匹配的元素對象
何時使用：只找一個元素時，使用！
var elems=parent.querySelectorAll("選擇器");

轉載于:https://www.cnblogs.com/Geekelyar/p/4973137.html

《新程序員》：云原生和全面數字化實踐50位技術專家共同創作，文字、視頻、音頻交互閱讀

總結

以上是生活随笔為你收集整理的11-17的学习总结(DOMfirstday)的全部內容，希望文章能夠幫你解決所遇到的問題。

如果覺得生活随笔網站內容還不錯，歡迎將生活随笔推薦給好友。