CSS是前端開發離不開的一項技術,其中包含著很多有用的功能函數。
//改變文本顏色 function textColor(color){ document.body.style.color = color; } //改變背景顏色 function bgColor(color){ document.body.style.backgroundColor = color; } //改變字體大小 function fontSize(size){ document.body.style.fontSize = size + "px"; } //添加邊框 function addBorder(width, style, color){ document.body.style.border = width + "px " + style + " " + color; } //改變元素位置 function changePosition(position){ document.getElementById("element").style.position = position; } //顯示/隱藏元素 function hideElement(){ document.getElementById("element").style.display = "none"; } function showElement(){ document.getElementById("element").style.display = "block"; }
這些函數可以方便地調用CSS屬性,讓開發者更加便捷地進行樣式設計。