2024年Web前端最新DOM 基础 ---------- 获取元素(1)，web网页开发

最后

面试一面会问很多基础问题，而这些基础问题基本上在网上搜索，面试题都会很多很多。最好把准备一下常见的面试问题，毕竟面试也相当与一次考试，所以找工作面试的准备千万别偷懒。面试就跟考试一样的，时间长了不复习，现场表现肯定不会太好。表现的不好面试官不可能说，我猜他没发挥好，我录用他吧。

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

96道前端面试题：

• 

常用算法面试题：

• 

前端基础面试题：
内容主要包括HTML，CSS，JavaScript，浏览器，性能优化

• 

三：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

• 

  七：获取特殊元素

  ---

  最后

  我可以将最近整理的前端面试题分享出来，其中包含HTML、CSS、JavaScript、服务端与网络、Vue、浏览器、数据结构与算法等等，还在持续整理更新中，希望大家都能找到心仪的工作。

  开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

  篇幅有限，仅展示部分截图：

  

  

  

  、JavaScript、服务端与网络、Vue、浏览器、数据结构与算法**等等，还在持续整理更新中，希望大家都能找到心仪的工作。

  开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

  篇幅有限，仅展示部分截图：