JS DOM 知識梳理

2022-08-22 16:00:14 字數 873 閱讀 1057

一 dom術語

標籤 css/html

元素 js

節點 dom

二 dom document也是一套規範

三 各瀏覽的支援

ie6-8 10-20% ie9 80%

chrome 70-80%

firefox 99%

四 參考**

1、基礎教程類: w3c 菜鳥教程

2、前端框架: mdn bootcdn

3、相容性問題: caniuse -> can i use

4、素材網: codepen 17素材網

5、echarts

五 dom程式設計

1、子節點

1) childnodes

asdfasfas -> 文字節點

//獲得ul

var oul = document.getelementbyid("ul1");

//當前節點的所有的子節點

alert(oul.childnodes.length);

相容性問題:

低版本的瀏覽器:能正常顯示子標籤的個數

高版本的瀏覽器:將文字節點也統計在其中

困擾:將 li的背景色換成紅色

2)nodetype

3 --> 文字節點

1 --> 元素節點

3) children

只包括元素節點,不包括文字節點

2、父節點

1)parentnode

隱藏 li 節點

2、插入乙個元素

insertbefore(新節點,原有節點) 在原有節點前插入新節點

3、刪除乙個元素

removechild(節點) 刪除乙個節點

js dom基礎知識

1.事件 onclick onmouseover等 現在的時間是?function displaydate 2.型別 typeof john 返回 string typeof 3.14 返回 number typeof nan 返回 number typeof false 返回 boolean ty...

知識梳理計畫

知識的學習一般來說有兩個過程,第乙個是摳細節,理解知識,另乙個是將知識點進行總結歸納融入到自己的知識體系中。如果工作學習過程中需要用到該知識點的時候可以很快的提取出來。在這幾年的學習以及研究生活中,我也陸陸續續的鑽研過一些演算法,但是很多東西,都是當時懂了,但是過了一段時間,可能就忘記了,等到需要使...

Hive 知識梳理

1 order by,sort by,distribute by,cluster by 背景表結構 在講解中我們需要貫串乙個 例子,所以需要設計乙個情景,對應 還要有乙個表結構和填充資料。如下 有 3 個字段,分別為 personid 標識某乙個人,company 標識一家公司名稱,money 標識...