DOM 基础 ---------- 获取元素

• 1
• 2
• 3
• 4

• 

  三：element.getElementsByTagName()

  ---

  上面第二个方法的拓展，用于返回指定父元素下的指定标签名的子元素对象的集合，应注意父元素不可以是伪数组的形式，必须是单个对象

  例如一个页面有 ul 标签也有 ol 标签，但是我只需要得到 ul 标签下的 li 标签，就可以用此方法

  （注意如果直接输出 ele.getElementsByTagName(‘li’) 就会报错，因为得到的 ele 是一个伪数组，但 ele[0] 得到的就是一个元素对象，因为此代码中只有一个 ul，所以是 ele[0]****）
• 1
• 2
• 3
• 4
• a
• b
• c
• d

• 

  但是更普遍的做法是给父元素设置 id 属性，使用 getElementById 获取父元素对象，这样得到的直接就是一个对象，不必担心出错
• 1
• 2
• 3
• 4
• a
• b
• c
• d

• 

  四：document.getElementsByClassName()

  ---

  该方法为H5新增的方法，，根据类名返回某些元素对象的集合（以伪数组形式存储）

  这是第一个p标签

  这是第二个p标签
• 1
• 2
• 3

• 

  五： document.querySelector( 选择器 )

  ---

  返回指定选择器的第一个元素对象，注意这里的选择器要带符号，例如 .aaa  #aaa

  这是第一个p标签

  这是第二个p标签
• 1
• 2
• 3

• 

  六： document.querySelectorAll( 选择器 )

  ---

  返回指定选择器下的所有元素对象的集合

  这是第一个p标签

  这是第二个p标签
• 1
• 2
• 3