document操作元素及其它技巧补充!

document操作元素及其它技巧补充!


document.getElementById  直接返回元素对象,找不到返回null       

下面这些方法:无论如何返回的一定都是伪数组,找到几个就返回长度为几的伪数组  

 document.getElementsByTagName:根据标签名找                       

document.getElementsByClassName:根据类名来找,有兼容问题,IE8和之前的浏览器不支持                               

document.getElementsByName: 根据name属性来找,在新浏览器里所有元素都能找到,但是在IE8里只能找到表单元素

        可以用document来点出getElementsByTagName。找网页中所有匹配的标签

        也可以用X元素来点出getElementsByTagName,找X元素里面所有匹配的标签

比如找 ul 里面的某个 li 标签,就可以这样找: 

<ul id="df">

  <li>事件大弟弟</li>

  <li>事件大弟弟</li>

  <li>事件大弟弟</li>

  <li>事件大弟弟</li>

  <li>事件大弟弟</li>

</ul>

<script>

先通过docment找到ul,可以给他加个id

  let ulList = document.getElementById('ulList ')

在通过ulList 找到 li

  let liList= ulList .getElementsByTagName('li')

  console.log(ulList );

</script>

        总结:getElementsByXXXX的方法,除了用document点出来,也可以用别的元素点出来,如果是document点出来,那么就是找网页中所有匹配的,如果是别的元素点出来,就是只找这个元素下面匹配的

        但是注意:getElementById只能通过document点出来,因为id是唯一的,无需其它方法

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • 第3章 基本概念 3.1 语法 3.2 关键字和保留字 3.3 变量 3.4 数据类型 5种简单数据类型:Unde...
    RickCole阅读 5,286评论 0 21
  • 一、JS前言 (1)认识JS 也许你已经了解HTML标记(也称为结构),知道了CSS样式(也称为表示),会使用HT...
    凛0_0阅读 2,829评论 0 8
  • 概述 document节点是文档的根节点,每张网页都有自己的document节点。window.document属...
    许先生__阅读 701评论 0 2
  • 一、概述 document节点是整个文档树的顶层节点,每张网页都有自己的document节点。window.doc...
    周花花啊阅读 1,368评论 0 1
  • 简述JavaScript起源起源于美国的Netscape公司,原名为LiveScript,后改为JavaScrip...
    3ab670b99521阅读 3,110评论 0 0