zoukankan      html  css  js  c++  java
  • javascript总结34 :DOM之节点元素获取

    常用节点元素获取:

    1. 获取 html -- > document.documentElement
    2. 获取 body -- > document.body
    3. 获取指定的元素 --> document.getElementById('id名') //返回对应的元素
    4. 获取页面中某一类型的元素 -- > document.getElementsByTagName('标签名'); //返回一个伪数组,这个伪数组中存放了所有的元素

    <!DOCTYPE html>
    <html lang="zh-CN">
    <head>
      <meta charset="UTF-8">
      <title>Title</title>
    </head>
    <body>
    <a href="" id="link"></a>
    <a href="" id="link1"></a>
    <a href="" id="link2"></a>
    
    <div id="container">
      <a href="" id="haha">haha</a>
      <a href="">哈哈</a>
      <a href="">呵呵</a>
    
    </div>
    
    
    <script>
    var result = document.getElementById('link3');
       console.log(result);
      
       var result = document.getElementsByTagName('a');
       console.log(result);
      
     var div = document.getElementById('container');
     //  var result = div.getElementsByTagName('a');
     //  console.log(result);
    
     var result = div.getElementById('haha');
     console.log(result);
    
    
    </script>
    </body>
    </html>
  • 相关阅读:
    获得随机数
    Android Studio中的神操作
    Android Studio中的神操作
    我的github首页
    我的github首页
    初步尝试kotlin
    初步尝试kotlin
    创建自己的github博客
    js方法重载
    【HPU】[1014]【C语言训练】亲密数
  • 原文地址:https://www.cnblogs.com/autoXingJY/p/8953105.html
Copyright © 2011-2022 走看看