在前端开发中，获取页面元素是非常基础且必要的操作。在 JavaScript 中，两个最常用的方法是 document.getElementById和 document.all。
document.getElementById
document.getElementById可以通过元素的ID属性来获取该元素，例如：
const element = document.getElementById('myElement');其中，myElement为HTML文档中某个元素的ID值。如果找到了对应ID的元素，则返回该元素；否则返回null。
这个方法只会返回一个元素，因为HTML中ID值应该是唯一的。如果有多个元素使用相同的ID，则只会返回第一个匹配的元素。此外，使用该方法时需要注意ID值的大小写敏感性。
document.all
与 document.getElementById 不同，document.all 返回一个集合，其中包含了 HTML 文档中所有的元素，例如：
const allElements = document.all;
可以通过下标或者关联数组的方式来访问集合中的元素，例如：
// 通过下标访问 const myElement = document.all[0]; // 通过名称访问 const myElement = document.all['myElement'];
document.all 能够返回页面上所有的元素，但它已经被废弃了（deprecated），不建议再使用。原因有以下几点：
- 返回的集合容易被修改或覆盖。
- 在一些浏览器中返回的集合不可迭代。
- 过度使用
document.all可能会导致性能问题。
总结
在前端开发中，获取页面元素是非常基础且必要的操作。我们可以通过 document.getElementById 来获取指定ID的元素，或者直接遍历文档树来查找需要的元素。而 document.all 已经被废弃，应该尽量避免使用。
为了更好地处理页面元素，建议使用 jQuery、React 或者其他现代化的工具和框架。
示例代码：
-- -------------------- ---- -------
--------- -----
------
------
--------------------- --- -----------
-------
------
---- --------------- -- -- ----------
--------
----- ------- - ---------------------------------
--------------------------------- -- -- ----- -- -- -----
----- ----------- - -------------
-------------------------------- -- ------------
---------
-------
-------来源：JavaScript中文网 ，转载请注明来源 https://www.javascriptcn.com/post/24140