zoukankan      html  css  js  c++  java
  • DOM document object model

    选择器

    直接查找

     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   上一个兄弟标签元素
  • 相关阅读:
    C++模板&泛型编程
    C++继承
    测试pc大、小端
    C语言标准定义的32个关键字
    *塔,菱形
    练习小题目
    c一些关键字
    uvaoj 489
    uvaoj1339
    hdu1969Pie(根据体积二分,分馅饼)
  • 原文地址:https://www.cnblogs.com/ch2020/p/12984512.html
Copyright © 2011-2022 走看看