JavaScript是一種廣泛應用于Web開發的腳本語言,可以通過它動態地控制HTML和CSS。
有時候,我們需要給網頁中所有的標簽添加相同的CSS樣式。這時,使用JavaScript可以快速達到目的。
// 獲取所有標簽 const allElements = document.getElementsByTagName('*'); // 添加CSS樣式 for (let i = 0; i< allElements.length; i++) { allElements[i].style.backgroundColor = '#F5F5F5'; allElements[i].style.color = '#333'; }
以上代碼首先通過getElementsByTagName('*')
獲取了所有標簽,然后利用循環為每個標簽添加CSS樣式。這里添加的樣式包括背景色和文字顏色。
除此之外,還可以通過修改類名或直接添加內聯樣式的方式來為標簽添加CSS樣式。
// 修改類名 const allElements = document.getElementsByTagName('*'); for (let i = 0; i< allElements.length; i++) { allElements[i].classList.add('common-style'); } // 添加內聯樣式 const allElements = document.getElementsByTagName('*'); for (let i = 0; i< allElements.length; i++) { allElements[i].style.backgroundColor = '#F5F5F5'; allElements[i].style.color = '#333'; }
通過以上代碼,可以實現為所有標簽添加相同的CSS樣式的效果。
上一篇css里bold什么意思
下一篇js調用css類標簽