1.queryselector('');//方法接收乙個css選擇符,返回符合的第乙個元素,沒有則返回null
2.queryselectorall('');//返回乙個nodelist集合
3.getelementsbyclassname(' ');//返回nodelist,接收類名
說明:使用這些屬性,不必擔心空文字節點(空的也存在)
1.childelementcount;//返回元素的個數(不包快文字節點textnode和注釋)
2.firstelementchild;//區別firstchild元素,意為第乙個子元素(htmlelement型別)
3.lastelementchild;//區別lastchild
4.previouselementsibling;//區別previoussibling;
5.nextelementsibling;//區別nextsibling;
1.element.focus();//某元素獲得焦點
2.document.hasfocus();//判斷頁面是否獲得焦點,用於判斷是否在操作該頁面
//新屬性
1.document.readystatge;//loading或者complete//在載入或者載入完成
2.element.dataset;//可以訪問自定義的屬性
3.element.innerhtml;//元素內的所有文字(按原來的格式輸出)//設定這個值相當於重寫該元素的內容//注意問題,內容替換指點的元素時,最好移除監聽事件先,以防記憶體洩漏
4.element.innertext;//屬性元素內所有的文字內容
5.element.children;//還屬性獲得乙個htmlcollection集合//和nodelist還是有點區別的
//innerhtml操作屬性的效率優化
//低效率版
for (var i=0, len=values.length; i < len; i++)
//高效率版
var itemshtml = "";
for (var i=0, len=values.length; i < len; i++)
ul.innerhtml = itemshtml;
//div巢狀乙個div,為什麼div的nodelist會有三個元素
第十一章 js事件
事件繫結和事件冒泡 題目 知識點 事件繫結 通過addeventlistener type,fn 進行事件繫結，下面為事件繫結函式簡單封裝 通用的事件繫結函式 function bindevent elem,type,fn const a document.getelementbyid link1 ...
Js 第11章 DOM擴充套件
類似jquery 以下都只針對於element node childelementcount 返回子元素 不包含文字節點和注釋 的個數 firstelementchild 指向第乙個元素 firstchild的元素版 lastelementchild 指向以後乙個元素 lastchild的元素版 p...
DOM擴充套件
1選擇符 queryselector 返回第乙個匹配的元素 queryselectorall 返回所有匹配的元素 html5 getelementbyclassname 引數為乙個或多個類名，引數不重要，返回是乙個nodelist 集合 classlist add 加入字串 contains 列表中...