js第十章

Javascript第十章

Dom:Document Object Model文档对象模型，专门操作网页内容的API

Dom可进行的操作：查找、修改、添加、删除、

[if !supportLists]1）  [endif]查找

[if !supportLists]A.    [endif]元素间关系查找 

父子关系：parentElent;查找一个元素的父元素

Children;查找一个元素的所有孩子

FirstElementChild;查找第一个孩子

lastElementChild;查找最后一个孩子

兄弟关系：previousElementSibling;前一个兄弟元素

nextElementSibling;下一个兄弟元素

[if !supportLists]B.     [endif]使用HTML元素查找

[if !supportLists]1.     [endif]按id查找：var ele=document.getElementById('id');  只能找到一个如果没找到返回null

[if !supportLists]2.     [endif]按class查找：var ele=document.getElementsByClassName('class');可以找到多个，返回一个动态集合如果没找到，返回空集合。

[if !supportLists]3.     [endif]按标签名查找：var ele=document.getElementByTagName('标签名');可以找到多个，返回一个动态集合如果没找到，返回空集合。

[if !supportLists]4.     [endif]按name属性查找：var ele=document.getElementByName('name');

C．使用选择器查找

   1.var ele=document.querySelector('选择器'); 只能找到一个，如果找不到，返回null   

   2. var ele=document.querySelectorAll('选择器');查找多个符合选择器要求的函数，如果没找到，返回[ ]集合。