DOM

2018-05-23  本文已影响0人  王哲胜

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('选择器')

返回一个动态集合

上一篇下一篇

猜你喜欢

热点阅读