zoukankan      html  css  js  c++  java
  • JavaScript Dom 查找

    JavaScript Dom 查找

    一、直接查找

    获取单个元素 document.getElementById('i1')
    获取多个元素(列表数组) document.getElementsByTagName('div')
    获取多个元素(列表数组) document.getElementsByClassName('c1')

    • // 根据ID获取一个标签
    • document.getElementById

    • // 根据name属性获取标签集合
    • document.getElementsByName

    • // 根据class属性获取标签集合
    • document.getElementsByClassName

    • // 根据标签名获取标签集合
    • document.getElementsByTagName

    二、间接查找

    指定单个元素 tag = document.getElementById('i1')
    查找该元素父级标签 = tag.parentElenment

    • // 父节点
    • parentNode    

    • // 所有子节点      
    • childNodes      

    • // 第一个子节点    
    • firstChild     

    • // 最后一个子节点     
    • lastChild    

    • // 下一个兄弟节点       
    • nextSibling         

    • // 上一个兄弟节点
    • previousSibling     

    • // 父节点标签元素 
    • parentElement   

    • // 所有子标签        
    • children       

    • // 第一个子标签元素         
    • firstElementChild    

    • // 最后一个子标签元素   
    • lastElementChild        

    • // 下一个兄弟标签元素
    • nextElementtSibling    

    • // 上一个兄弟标签元素 
    • previousElementSibling  

  • 相关阅读:
    Java中对话框的弹出
    数据格式化和ModelAttribute注解的介绍
    SpringMVC的环境搭建
    Js基础之数组
    Js基础之函数
    POJ-3208 Apocalypse Someday (数位DP)
    HDU-6148 Valley Number (数位DP)
    [SCOI2009] [BZOJ1026] windy数
    POJ-2411 Mondriann's Dream (状压DP)
    「SCOI2005」互不侵犯 (状压DP)
  • 原文地址:https://www.cnblogs.com/xiangsikai/p/10417206.html
Copyright © 2011-2022 走看看