1.JS初級(jí)主要就兩個(gè)作用
一、通過(guò)Dom找元素
二、給元素添加/刪除class
2.Node類(lèi)型
Node.ELEMENT_NODE === 1 //true，元素節(jié)點(diǎn)
Node.TEXT_NODE === 3 //true，文本節(jié)點(diǎn)
Node.COMMENT_NODE === 8 //true，注釋節(jié)點(diǎn)
Node.DOCUMENT_TYPE_NODE === 10 //true，例：<!DOCTYPE html>
Node.DOCUMENT_FRAGMENT_NODE === 1
假設(shè)我們要判斷一個(gè)Node是不是元素，我們可以這樣判斷
if(someNode.nodeType == 1){
console.log("Node is a element");
}
3.tagName
通過(guò)getElementsByTagName方法尋找節(jié)點(diǎn)要注意參數(shù)大寫(xiě)
例：
let brother = li.getElementsByTagName('UL')[0];
上面例子中g(shù)etElementsByTagName這個(gè)方法尋找的是li元素的后代，并按順序返回所有的ul，返回的是一個(gè)數(shù)組，要寫(xiě)上[0]。
4.getAttribute
當(dāng)給a元素的href屬性寫(xiě)上別的元素id時(shí)想實(shí)現(xiàn)錨點(diǎn)跳轉(zhuǎn)時(shí)
a.href //這樣獲取href，瀏覽器會(huì)給href加上http協(xié)議
a.getAttribute('href') //這樣獲取的才是href本身
5.target和currentTarget
x.target //x.target是我們操作的那個(gè)元素，若a里包含了個(gè)span，那操作的就是span
x.currentTarget //x.currentTarget是我們監(jiān)聽(tīng)的元素，就是x這個(gè)元素
6. 選擇器
let a = document.querySelector('a[href="' + id + '"]') //返回選中的元素
let aTags = document.querySelectorAll('.topNavBar nav>ul>li a') //返回選中的元素?cái)?shù)組
7.children
var c = div.children; //會(huì)獲得div下的所有子標(biāo)簽
var c = div.childNodes; //會(huì)獲得div下的所有子標(biāo)簽加文本標(biāo)簽
8.console.log調(diào)試大法
出問(wèn)題了就在每一步console.log，能解決很多問(wèn)題
