HTML: 超文本標(biāo)記語言，專門定義網(wǎng)頁內(nèi)容的語言
XHTML: 嚴(yán)格的HTML標(biāo)準(zhǔn)
DHTML: 所有實(shí)現(xiàn)網(wǎng)頁動(dòng)態(tài)效果技術(shù)的統(tǒng)稱
XML: 可擴(kuò)展的標(biāo)記語言，標(biāo)簽都是自定義的
XML語法和HTML語法完全相同！——結(jié)構(gòu)化數(shù)據(jù)

Node類型

nodetype ?返回?cái)?shù)字? ? ?

nodeName("元素名稱的大寫形式") 當(dāng)前節(jié)點(diǎn)的名稱

nodevalue獲得當(dāng)前節(jié)點(diǎn)的值，對(duì)元素節(jié)點(diǎn)無效

遞回遍歷節(jié)點(diǎn)樹(尤其重要！)

算法：深度優(yōu)先遍歷！
優(yōu)先遍歷下級(jí)節(jié)點(diǎn)，直到碰到葉子節(jié)點(diǎn)，才返回并更換另一個(gè)分支繼續(xù)遍歷下級(jí)節(jié)點(diǎn)。
遞歸：函數(shù)自己內(nèi)部又調(diào)用了自己。

?

　　　　　　　　　　　　　　　　　　　　　　遍歷API：2個(gè)：NodeIterator TreeWalker
內(nèi)部同樣使用深度優(yōu)先算法
　　2步：
1. 創(chuàng)建迭代器對(duì)象：
var iterator=document.createNodeIterator(
開始節(jié)點(diǎn)對(duì)象,
顯示何種節(jié)點(diǎn),//NodeFilter.SHOW_ALL
//NodeFilter.SHOW_ELEMENT
null,false
);
*迭代器開始時(shí)，站在第一個(gè)節(jié)點(diǎn)的前一個(gè)位置！
兩個(gè)方法：var nextNode=iterator.nextNode();
讓迭代器向下一個(gè)對(duì)象跳一步
同時(shí)返回跳到的對(duì)象
如果沒有下一個(gè)節(jié)點(diǎn)了，則返回null
iterator.previousNode();
2. 利用循環(huán)推動(dòng)迭代器反復(fù)向下一個(gè)節(jié)點(diǎn)移動(dòng)

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

?

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

轉(zhuǎn)載于:https://www.cnblogs.com/Geekelyar/p/4973137.html

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

總結(jié)

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

如果覺得生活随笔網(wǎng)站內(nèi)容還不錯(cuò)，歡迎將生活随笔推薦給好友。