用 Selector 回應

此刻我們要特別強調 Selector 與 Response 物件之間的一點關係：使用 xpath 或 css 方法導向元素時，這兩種物件都會回傳 SelectorList。在這個練習中，我們會讓你親自驗證：找出所有屬於 course-block__link 這個 class 的超連結元素（注意是雙底線！），並觀察這麼做所產生的物件。

回想一下，若要用 class 來找元素，可以使用句點（.）。例如，div.class-2 會選出所有屬於 class-2 的 div 元素。

我們已經預先載入了一個名為 response 的 Response 物件，以及一個名為 sel 的 Selector 物件，兩者都來自同一個「秘密」網站的內容。當你完成建立 CSS 定位器之後，請比較 response.css 與 selector.css 的輸出，你會看到它們其實等效！

本練習屬於課程

Python 網頁爬蟲

檢視課程

練習說明

將 CSS 定位字串指派給變數 css_locator，用來選取所有屬於 course-block__link 這個 class 的超連結 a 元素。
將把 css_locator 變數傳入 response 的 css 方法後的輸出，指派給變數 response_as。
將把 css_locator 變數傳入 sel 的 css 方法後的輸出，指派給變數 sel_as。

動手互動練習

試著完成這個範例程式碼，體驗一下這個練習。

# Create a CSS Locator string to the desired hyperlink elements
css_locator = ____

# Select the hyperlink elements from response and sel
response_as = ____
sel_as = ____

# Examine similarity
nr = len( response_as )
ns = len( sel_as )
for i in range( min(nr, ns, 2) ):
  print( "Element %d from response: %s" % (i+1, response_as[i]) )
  print( "Element %d from sel: %s" % (i+1, sel_as[i]) )
  print( "" )

編輯並執行程式碼