動態(tài)改變div的CSS是現(xiàn)代web開發(fā)中常見的一種技巧。它可以使網(wǎng)頁交互性更高,增加用戶體驗(yàn)。
function divChange(elementId, property, value) { var element = document.getElementById(elementId); element.style[property] = value; }
上面的代碼是一個例子,它定義了一個名為divChange的函數(shù),可以改變指定元素的CSS屬性。它接受三個參數(shù):elementId表示要改變CSS的元素的id;property表示要改變的CSS屬性;value表示新的CSS屬性值。
divChange("myDiv", "backgroundColor", "blue"); divChange("myDiv", "color", "white");
使用該函數(shù)可以輕松地將指定元素的背景顏色改為藍(lán)色,文本顏色改為白色。這些參數(shù)可以根據(jù)需要任意修改來實(shí)現(xiàn)動態(tài)改變div的CSS效果。