# Elements面板
Elements面板是控制DOM結構和CSS樣式的。
位置1:點擊后選擇頁面中的任何元素,就會選中相應的DOM節點
位置2:Toggle Device Mode切換設備模式,可以模擬該頁面在各種移動端設備的顯示情況。
位置3:Edit as HTML,選中某段html代碼后可以直接編輯這段html代碼。可以直接拖放節點,自由調整位置。也可以拖拽節點到編輯器。
位置4:Delete 直接刪除該節點。
位置5:Event Listeners可以查看該元素所綁定的事件。
位置6:"Computed"面板里,點擊樣式前面的放大鏡圖標,就可以直接定位到具體的樣式。當樣式層級較深,繼承較多時,對調試頁面的樣式很有幫助。

