DOM:文档对象模型,操作页面中的元素,增删改查
查:1.通过元素间关系查找:
父子关系:查找某个元素的父元素:parentElement
查找某个元素的所有子元素,返回一个动态集合:children
查找第一个子元素:firstElementchild;
查找最后一个子元素:lastElementchild;
兄弟关系:前一个兄弟元素:previousElmentsSibling
下一个兄弟:nextElementsibling
2.通过HTML找
(1)通过id找
var ele=document.getElentById('Id');
只能找到一个,id具有唯一性
找不到返回null
(2)class
var ele=document.getElementByTagname('标签名');
可以找到多个,返回动态集合
找不到,返回【】
(3)标签
var ele=document.getElementsByname('name');
可以找到多个,返回一个动态集合
找不到,返回空集合
(4)name属性,只适用于表单元素
var ele=document.getElementsByName('name');
返回一个动态集合
3、通过选择器查找
var ele=document.querSelector('选择器');
只能找一个
var ele=document.querySelector('选择器');
能找到多个,返回一个动态集合