JavaScript(簡稱JS)是一種具備前端編程語言特性的腳本語言,它在網頁中起到了實現交互、動態效果等作用。
在JS中,我們可以使用DOM對網頁中的元素進行操作,包括修改元素的樣式等。本文將介紹通過JS實現點擊改變CSS選擇器的方法。
html: <button id="btn">點擊我</button> <p id="text">這是一段文字</p> css: .active { color: red; } js: var btn = document.getElementById('btn'); var text = document.getElementById('text'); btn.onclick = function() { text.classList.toggle('active'); }
以上代碼中,首先我們需要在HTML中定義一個按鈕和一段文字,同時在CSS中定義.active樣式(本例中是改變文字顏色為紅色)。
然后在JS中,我們通過getElementById方法獲取到按鈕和文字的元素節點,并設置按鈕的點擊事件。在點擊事件中,我們調用了toggle方法,通過切換文字節點的classList屬性中的active類來改變樣式。
通過這種方法,我們可以輕松實現點擊改變CSS選擇器的效果,提升網頁交互體驗。