當(dāng)瀏覽網(wǎng)頁時,我們不僅可以看到靜態(tài)的文字和圖片,還可以看到一些動態(tài)的效果,比如鏈接的顏色變化,圖片的放大縮小等。這些動態(tài)效果是由CSS控制的。
在CSS中,我們可以使用屬性選擇器來獲取網(wǎng)頁中某個元素的屬性,如鏈接的href屬性。
a:hover { color: red; } a:visited { color: purple; } a[href*="w3school"] { font-weight: bold; }
上面的CSS代碼中,:hover可以控制當(dāng)鼠標懸停在鏈接上時,鏈接的顏色變?yōu)榧t色;:visited則可以控制當(dāng)鏈接被訪問過后的顏色;而[href*="w3school"]則可以獲取包含"w3school"字符串的鏈接,并將這些鏈接的字體加粗。
除了使用屬性選擇器獲取鏈接之外,我們還可以使用JavaScript來獲取網(wǎng)頁中的鏈接。以下是一個簡單的例子:
var links = document.getElementsByTagName("a"); for (var i = 0; i< links.length; i++) { console.log(links[i].href); }
這段JavaScript代碼可以獲取當(dāng)前網(wǎng)頁中所有的鏈接,并將它們的href屬性輸出到控制臺中。