查詢html元素
"parent"
>
class
="son"
>
div>
name
="byname"
>
hello
div>
class
="son"
>
今天天氣很好p
>
div>
① id不能重名，如果id重複，只能取到第乙個。
② 獲取元素節點時，必須等到dom樹載入完成後才能獲取。
兩種處理方式： a.將js寫在文件最後；
b.將**寫入window.onload函式中；
③ 通過getelements系列取到的為陣列格式，操作時必須取到其中的每乙個元素，才能進行操作，而不能直接對陣列進行操作。
getelementbyid
("parent"
)//運用id名找到元素
getelementsbyname
("byname"
)//運用name名找到元素
getelementsbyclassname
("son"
)//運用類名找到元素
getelementsbyclassname
("son"
)getelementsbytagname
("p"
)//標籤名查詢元素
queryselector
(".parent"
)//通過選擇器名稱找到元素
let son= document.
queryselectorall
(".son"
)//通過選擇器名稱找到所有名字相同元素，返回陣列格式
節點操作首先要獲取到節點
1、建立節點
var para = document.
createelement
("p");
``
var node = document.
createtextnode
("這是乙個新的段落。"
);
para.
(node)
;
;5、從父元素中移除子節點：
removechild
(son)
6、已知要查詢的子元素，然後查詢其父元素，再刪除這個子元素（刪除節點必須知道父節點）
getelementsbyclassname
("son"
)removechild
(child)
;7、使用 replacechild() 方法來替換 html dom 中的元素。
var para = document.
createelement
("p");
var node = document.
createtextnode
("這是乙個新的段落。");
para.
(node)
;var parent = document.
getelementbyid
("div1");
var child = document.
getelementbyid
("p1");
parent.
replacechild
(para, child)
;
console.
log//所有子級
console.
log//包括text內的所有子節點
console.
log0
].parentelement)
//父級
console.
log0
].nextelementsibling)
//同級下乙個兄弟元素
console.
log0
].previouselementsibling)
//同級上乙個兄弟元素
firstelementchild第乙個子節點
lastelementchild最後乙個子節點
nextelementsibling下乙個子節點
previouselementsibling前乙個子節點
高階選擇器
高階選擇器 並集選擇器 p,ul 交集選擇器 p.odd 交集選擇器中間不能有空格等其他符號 後不能是標籤選擇器 多個類樣式的引用 多個類樣式的優先順序只與編寫有關，與引用順序無關 層次選擇器 後代選擇器 body p 子選擇器 body p 相鄰兄弟選擇器 active p 通用兄弟選擇器 act...
03 高階選擇器,屬性選擇器,偽類選擇器
使用空格表示後代選擇器。顧名思義，父元素的後代 包括兒子，孫子，重孫子 container p container item p view code 使用 表示子代選擇器。比如div p,僅僅表示的是當前div元素選中的子代 不包含孫子.元素p。container pview code 多個選擇器之...
CSS高階選擇器
css高階選擇器 例子 並集選擇器 p,h1 p和h1 標籤文字變紅色 交集選擇器 標籤選擇器 id 選擇器或者標籤選擇器 類選擇器 p.class1 類名為 class1 的p 標籤樣式中文字為黃色，當不同標籤使用相同類名時 後代選擇器 巢狀標籤 p span 注意兩者標籤中有空格的 this i...