JavaScript是一門非常強(qiáng)大的編程語言,可以通過它來控制HTML頁面的元素。在網(wǎng)頁設(shè)計(jì)中,有時(shí)候需要對多個(gè)元素進(jìn)行同一種樣式的設(shè)置,這時(shí)就需要用到JavaScript來快速實(shí)現(xiàn)。以下就是如何使用JavaScript設(shè)置多個(gè)id的CSS樣式:
function setCSS(ids, property, value){ var idsArray = ids.split(","); for(var i=0; i<idsArray.length; i++){ var element = document.getElementById(idsArray[i]); element.style[property] = value; } }
以上代碼定義了一個(gè)函數(shù)setCSS,可以通過傳遞三個(gè)參數(shù)來實(shí)現(xiàn)多個(gè)id設(shè)置CSS樣式。第一個(gè)參數(shù)ids為多個(gè)id組成的字符串,用逗號隔開;第二個(gè)參數(shù)property為要設(shè)置的CSS屬性名稱;第三個(gè)參數(shù)value為要設(shè)置的CSS屬性值。
函數(shù)中使用了split方法來將字符串ids拆分成一個(gè)數(shù)組idsArray,然后通過循環(huán)遍歷數(shù)組中的每一個(gè)id元素。使用document.getElementById方法獲取每一個(gè)id對應(yīng)的HTML元素,然后使用element.style[property] = value;來設(shè)置CSS樣式。最終實(shí)現(xiàn)了多個(gè)id的CSS樣式設(shè)置。
使用該函數(shù)的示例:
setCSS("id1,id2,id3", "color", "red");
以上代碼實(shí)現(xiàn)了將id1、id2和id3元素的字體顏色設(shè)置為紅色。
以上就是使用JavaScript實(shí)現(xiàn)多個(gè)id設(shè)置CSS樣式的方法,通過定義一個(gè)函數(shù)和循環(huán)遍歷可以快速方便的實(shí)現(xiàn)。