AMP（Accelerated Mobile Pages）是一种用于创建快速加载和优化移动页面的开发框架。由于安全性和性能方面的考虑，AMP限制了对DOM元素的访问。

在AMP中，可以通过使用AMP自定义组件（AMP Custom Components）来访问DOM元素。AMP自定义组件是一种在AMP页面中使用的可重用组件，它们通过AMP扩展（AMP Extensions）的形式提供。

以下是一个通过AMP自定义组件访问DOM元素的示例：

HTML代码：

my-component.js代码：

AMP.registerElement('my-component', class extends AMP.BaseElement {
  buildCallback() {
    const element = this.element; // 获取当前自定义组件的DOM元素
    // 在这里可以通过element变量访问和操作DOM元素
    console.log(element);

    // 示例：修改DOM元素的内容
    const div = document.createElement('div');
    div.textContent = 'Hello, AMP!';
    element.appendChild(div);
  }
});

在上述示例中，通过使用this.element可以获取到当前自定义组件的DOM元素。然后，可以在buildCallback方法中对DOM元素进行操作，例如修改内容或添加子元素。

需要注意的是，AMP限制了对DOM元素的访问，以确保安全性和性能。因此，除了通过AMP自定义组件的方式，直接访问和操作DOM元素是不被允许的。