DOM:文檔對象模型,操作頁面中的元素,增刪改查
查:1.通過元素間關(guān)系查找:
? ? ? ? 父子關(guān)系:查找某個元素的父元素:parentElement
? ? ? ? 查找某個元素的所有子元素专普,返回一個動態(tài)集合:children
? ? ? ? 查找第一個子元素:firstElementchild卖鲤;
? ? ? ? 查找最后一個子元素:lastElementchild;
? ? ? ? 兄弟關(guān)系:前一個兄弟元素:previousElmentsSibling
? ? ? ? 下一個兄弟:nextElementsibling
2.通過HTML找
? ? (1)通過id找
? ? ? ? ? var? ? ? ? ? ele=document.getElentById('Id')巍举;
? ? 只能找到一個脆荷,id具有唯一性
? ? 找不到返回null
(2)class
? ? var ele=document.getElementByTagname('標(biāo)簽名');
可以找到多個懊悯,返回動態(tài)集合
找不到蜓谋,返回【】
(3)標(biāo)簽
var ele=document.getElementsByname('name');
可以找到多個,返回一個動態(tài)集合
找不到炭分,返回空集合
(4)name屬性桃焕,只適用于表單元素
? ? var ele=document.getElementsByName('name');
返回一個動態(tài)集合
3、通過選擇器查找
? ? ? var ele=document.querSelector('選擇器')捧毛;
只能找一個
var ele=document.querySelector('選擇器')覆旭;
能找到多個,返回一個動態(tài)集合