在JavaScript中，要获取页面元素可以使用各种方法。其中最常见的方法就是使用DOM（文档对象模型）API。
DOM API提供了许多属性和方法来操作HTML和XML文档中的元素。通过JavaScript，我们可以使用 DOM API 来获取一个元素的任何属性，也可以操作元素的内容、样式等等。以下是一些常用的获取元素的方法：
var myElement = document.getElementById('example');在上面的例子中，我们通过 getElementById 方法获取了一个 ID 为 example 的元素。
var myElements = document.getElementsByClassName('my-class');在上面的例子中，我们通过 getElementsByClassName 方法获取了一个类名为 my-class 的所有元素。
var myElements = document.getElementsByTagName('div');在上面的例子中，我们通过 getElementsByTagName 方法获取了所有 div 元素。
var myElement = document.querySelector('.example');在上面的例子中，我们通过 querySelector 方法获取了一个 CSS 类名为 example 的元素。
var myElements = document.querySelectorAll('.my-class');在上面的例子中，我们通过 querySelectorAll 方法获取了所有 CSS 类名为 my-class 的元素。
除了上述方法，还有一些其他的方法可以用来获取元素，例如 parentElement、nextSibling 等等。
需要注意的是，以上这些方法返回的都是一个 NodeList 对象，它们是类数组对象，可以使用 for 循环和索引来访问它们。如果想要获取单个元素，则可以使用上述方法的前缀，例如 getElementById、querySelector 等等。
除了通过上述方法获取元素，我们也可以使用事件来捕获元素。当用户与文档交互时，例如点击、输入、鼠标移动等，都会触发事件。我们可以监听这些事件，然后执行相应的操作。
例如，下面的代码可以监听文档的 click 事件，并在点击时输出 "Clicked!"：
document.addEventListener('click', function() {
console.log('Clicked!');
});在上面的代码中，我们使用 addEventListener 方法将一个事件监听器添加到文档上。当点击文档时，事件监听器会被触发，然后输出 "Clicked!"。
总之，在JavaScript中获取元素是一个必须熟练掌握的技能。掌握好如何获取元素，有助于我们更方便地操作DOM文档，也会让我们写出更加高效、优美的JavaScript程序。