javaScript获取标签的几种方式

js 获取标签

  1. 通过标签id来获取标签:
    document.getElementById(’’)

  2. 通过标签名称获取标签。
    document.getElementsByTagName(’’)

注意getElementsByTagName获取到的是一个集合,包含了所有符合该条件的标签

  1. 通过class获取标签,获取到的也是包含该class的标签集合
    document.getElementsByClassName(’’)
  2. 通过选择器找到所有符合条件的标签集合。
    document.querySelectorAll(’’)

例1
选择标签h2的idjavaScript获取标签的几种方式
浏览器效果javaScript获取标签的几种方式

例2
javaScript获取标签的几种方式
通过标签名称获取标签。tag标签
因为集合中有三个h1,以第一个展示效果
javaScript获取标签的几种方式

例3&例4
javaScript获取标签的几种方式
浏览器效果
javaScript获取标签的几种方式

  1. 几种获取特殊标签的写法
    document.body;//获取body
    document.anchors;//获取所有的a标签集合,相当于document,hetElementsByTagName(‘a’)
    //document.anchors[0];
    document.images;//获取所有的img标签集合
    document.forms;//获取所有的form标签集合