一、第一種方法(通過先進入開發模式然后再去選擇網頁元素)
1、打開IE、Chrome、FireFox等,按 F12 鍵進入開發模式
2、在打開的控制窗口左上角有個 箭頭 按鈕,點擊它之后,此時將鼠標移動到web頁面上的元素,同時在控制窗口中就會自動定位到鼠標所指向的元素,這樣方便在寫代碼時快速找到對應元素
如下圖我將鼠標懸停在輸入框上,對應的控制台中就自動找到對應的元素信息了
二、第二種方法(直接通過在網頁頁面上鼠標指向某一頁面元素然后進行右鍵,chrome對應‘檢查’,Firefox對應‘查看元素’)
chrome瀏覽器如下:
Firefox瀏覽器對應如下: