zoukankan      html  css  js  c++  java
  • JS:获取标签的6个方法+获取html+获取body

    JS 获取标签的方法

    通过class: document.getElementsByClassName('class名');返回数组
    通过name: document.getElementsByName('name名');返回数组
    通过id: document.getElementById('id名');返回一个对象
    通过标签名: document.getElementsByTagName(‘标签名’);返回数组
    通过通用选择器:document.querrySelector('可以写任何选择器 只能选择一个');返回数组
    通过通用选择器:document.querrySelectorAll('可以写任何选择器,可以选择多个');返回数组

     <!DOCTYPE html>
     <html lang="en">
     <head>
         <meta charset="UTF-8">
         <title>Document</title>
     </head>
     <body>
         <div class='box' id="box" name='box' ></div>    
     </body>
         <script type="text/javascript">
             var div1 = document.getElementsByClassName('box')[0];
                     //利用class名获取元素
             var div2 = document.getElementsByName('box')[0];
             var div3 = document.getElementById('box');\获取到了div
             var div4 = document.getElementsByTagName('div')[0];
              //获取到了div 
              //element加了s表示是集合 获取的是一组元素 是伪数组
              //可以在获取元素后面加[写你想要的那个元素 数字表示 下标是0];
              var div5 = document.querySelector('.box')[0];
             //获取class 要加 . //获取id    要加#
             var div6 = document.querySelectorAll('.box')[0];
             //是个集合可以选择多个        
     console.log(div);//console.log(document.querySelector('.class'))
         </script>
     </html>
    获取html
     console.log(document.documentElement)

    img

    获取body的方法
     console.log(document.body)

    img

     

  • 相关阅读:
    bzoj2763 [JLOI]飞行路线 分层图最短路
    [模板]分块/可修改莫队 (数颜色种类)
    gcd步数
    洛谷2378 因式分解 字符串
    bzoj1090 字符串折叠
    洛谷1034 NOIP2002 矩形覆盖
    Codeforces#441 Div.2 四*题
    SPFA的小优化
    洛谷1073 NOIP2009 最优贸易
    bzoj2100 [Usaco2010 DEC]Apple Delivery苹果贸易
  • 原文地址:https://www.cnblogs.com/forforever/p/12363187.html
Copyright © 2011-2022 走看看