當開發者想要在網頁中動態地改變樣式時,可以使用JavaScript來實現。下面介紹幾種常見的用JavaScript改變多個CSS屬性的方法。
// 方法一:使用style屬性直接更改 let element = document.getElementById('myElement'); element.style.color = '#FFFFFF'; element.style.backgroundColor = '#000000'; // 方法二:使用setAttribute方法 let element = document.getElementById('myElement'); element.setAttribute('style', 'color:#FFFFFF; background-color:#000000;'); // 方法三:使用cssText屬性 let element = document.getElementById('myElement'); element.style.cssText = 'color:#FFFFFF; background-color:#000000;'; // 方法四:使用classList方法 let element = document.getElementById('myElement'); element.classList.add('myClass'); element.classList.remove('myOldClass');
值得注意的是,使用方法四需要先在CSS中定義好myClass和myOldClass樣式。
以上四種方法都可以幫助開發者實現改變多個CSS屬性的操作,可以根據實際情況選擇最適合的方法使用。