DOM:文档对象 操作页面中的元素 可以增删改查
查:
1. 通过元素间的关系
父子关系:
查找某个父元素:parentElement
查找某个元素中得所有子元素 :children 返回一个动态集合
查找第一个子元素:firstElementchild
查找最后一个子元素:lastElementchild
兄弟关系:
前一个兄弟元素:previousElementSibing
下一个兄弟:nextElementSibing
2. 通过html查找
通过id查找:
var ele=document.getElementById('id');
只能找到一个 找不到返回null
通过class
var ele=document.getElementByClassName('class')
可以找到多个 返回动态集合 找不到返回[]
标签查找
var ele=document.getElementByTagName('标签名');
可以找到多个返回一个动态集合 没找到返回空集合。
通过name属性查找:
var ele=document.getElementByName('name');
可以找到多个 返回动态集合
3. 通过选择器查找
var ele=document.querySelector('#list');
只能找到一个
var ele=document.querySlectorAll('选择器')
返回一个动态集合
网友评论