码迷,mamicode.com
首页 > 其他好文 > 详细

DOM的基本操作

时间:2019-11-25 18:47:40      阅读:59      评论:0      收藏:0      [点我收藏+]

标签:get   一个   ssi   大小   第一个   dom   ext   sel   children   

    1. 查看元素节点
      1. document代表整个文档
      2. document.getElementById()元素id      在IE8以下的浏览器,不区分id大小写,而且也返回匹配name属性的元素
      3. .getElementsByTagName() //标签名
      4. .getElementsByName()   //需注意,只有部分标签name可生效(表单,表单元素,img,iframe)
      5. .getElementsByClassName() //类名    -->ie8和ie8以下的ie版本中没有,可以多个class一起
      6. .querySelector()  //css选择器   在ie7和ie7以下的版本中没有
      7. .querySelectorAll()    //css选择器   在ie7和ie7以下的版本中没有
    2. 遍历节点树
      1. parentNode-->父节点(最顶端的parentNode为#document)
      2. childNodes-->子节点们
      3. firstChild-->第一个子节点
      4. lastChild-->最后一个子节点
      5. nextSiling-->后一个兄弟节点
      6. previousSiling-->前一个兄弟节点
    3. 基于元素节点树的遍历
      1. parentElement-->返回当前元素的父元素节点(IE不兼容)
      2. children-->只返回当前元素的元素子节点

DOM的基本操作

标签:get   一个   ssi   大小   第一个   dom   ext   sel   children   

原文地址:https://www.cnblogs.com/zhuzhu520/p/11929100.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!