在Web開發(fā)中，改變CSS屬性是一個非常重要的技能。如今，通過Javascript可以輕松實現(xiàn)點擊按鈕或其他事件后改變CSS樣式的功能。

//獲取要修改的元素
const element = document.querySelector('.box');
//添加事件監(jiān)聽器
document.querySelector('.btn').addEventListener('click', () =>{
//修改樣式
element.style.backgroundColor = 'red';
element.style.color = 'white';
});

上述代碼實現(xiàn)了點擊按鈕后將.box元素的背景顏色改為紅色，字體顏色改為白色。可以通過修改element的style屬性來實現(xiàn)其他CSS樣式的修改。

需要注意的是，直接修改元素的style屬性是一種行內(nèi)樣式，可能與頁面的整體樣式產(chǎn)生沖突。為了更好地遵循樣式規(guī)則，建議使用classList為元素添加或刪除類名，再通過樣式表中的類名來修改元素的樣式。

//獲取要修改的元素
const element = document.querySelector('.box');
//添加事件監(jiān)聽器
document.querySelector('.btn').addEventListener('click', () =>{
//添加類名
element.classList.add('active');
});

上述代碼實現(xiàn)了點擊按鈕后將.box元素添加一個名為active的類名。在樣式表中，可以定義.active類來修改元素的樣式。

以上兩種方式都可以實現(xiàn)點擊改變CSS屬性的功能，根據(jù)實際需求來選擇使用哪種方式。