# Elements面板 Elements面板是控制DOM结构和CSS样式的。 位置1：点击后选择页面中的任何元素，就会选中相应的DOM节点 位置2：Toggle Device Mode切换设备模式，可以模拟该页面在各种移动端设备的显示情况。 位置3：Edit as HTML,选中某段html代码后可以直接编辑这段html代码。可以直接拖放节点，自由调整位置。也可以拖拽节点到编辑器。 位置4：Delete 直接删除该节点。 位置5：Event Listeners可以查看该元素所绑定的事件。 位置6："Computed"面板里，点击样式前面的放大镜图标，就可以直接定位到具体的样式。当样式层级较深，继承较多时，对调试页面的样式很有帮助。