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

DOM document object model

时间:2020-05-28 23:37:26      阅读:76      评论:0      收藏:0      [点我收藏+]

标签:plain   and   code   属性   bsp   fir   name   color   元素   

选择器

直接查找

 1 document.getElementById           根据ID获取一个标签
 2 document.getElementsByClassName   根据class属性获取(可以获取多个元素,所以返回的是一个数组)
 3 document.getElementsByTagName     根据标签名获取标签合集
 4 示例:
 5     <div class="c1" id="d1">
 6         待到将军归来日,朕与将军解战袍!
 7     </div>
 8 
 9     <div class="c1" id="d2">
10         日照香炉生紫烟,遥看瀑布挂前川!
11     </div>
12     
13     var a = document.getElementById(‘d1‘);  # 获取id属性值为d1的标签  拿到的直接是标签对象
14     var a = document.getElementsByClassName(‘c1‘); #获取class值为c1的所有标签  拿到的是数组
15     var a = document.getElementsByTagName(‘div‘);  #获取所有div标签  拿到的是数组

间接查找

1 var a = document.getElementById(‘d1‘);
2 a.parentElement; #获取a这个标签的父级标签.
3 children                 所有子标签
4 firstElementChild        第一个子标签元素
5 lastElementChild         最后一个子标签元素
6 nextElementSibling       下一个兄弟标签元素
7 previousElementSibling   上一个兄弟标签元素

 

DOM document object model

标签:plain   and   code   属性   bsp   fir   name   color   元素   

原文地址:https://www.cnblogs.com/ch2020/p/12984512.html

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