JavaScript可以通過(guò)改變CSS路徑來(lái)修改網(wǎng)頁(yè)的樣式,這是一種非常常見(jiàn)的技術(shù)。下面是一個(gè)例子:
<html> <head> <style> h1 { color: blue; } </style> </head> <body> <h1>Hello World!</h1> <button onclick="changeColor()">Change Color</button> <script> function changeColor() { var h1 = document.querySelector('h1'); var color = h1.style.color; if(color === 'blue') { h1.style.color = 'red'; } else { h1.style.color = 'blue'; } } </script> </body> </html>
在這個(gè)例子里,我們使用了一個(gè)按鈕和一個(gè)函數(shù),接著在函數(shù)里使用了document.querySelector來(lái)獲取h1元素對(duì)象。然后我們檢查h1對(duì)象的當(dāng)前顏色是不是藍(lán)色,如果是的話我們就把顏色改成紅色,否則我們就把顏色改成藍(lán)色。通過(guò)這種方式,我們就可以修改網(wǎng)頁(yè)的樣式了。