CSS是一種用于樣式編寫的語言,可以很好地控制文本和圖片的排版、大小、顏色等。在對數(shù)組中的數(shù)據(jù)進(jìn)行輸出時(shí),CSS也可以發(fā)揮重要的作用。我們可以使用CSS的樣式調(diào)整功能,將數(shù)據(jù)以更整齊、優(yōu)美的方式呈現(xiàn)在頁面上。
var arr = [1, 2, 3, 4, 5]; document.write(arr);
上面的代碼會(huì)在頁面上輸出數(shù)組[1,2,3,4,5]。但是,這不是一個(gè)很好的展示方式。我們可以使用CSS的樣式屬性,調(diào)整輸出的格式。下面是代碼的改進(jìn)版:
var arr = [1, 2, 3, 4, 5]; document.write("<p class='array'>" + arr + "</p>");
在代碼中,我們?yōu)閜標(biāo)簽設(shè)置了一個(gè)class屬性“array”,并且用樣式表對該類進(jìn)行了定義:
.array { background-color: #eee; padding: 10px; border: 1px solid #ccc; }
通過這些樣式屬性,我們可以讓輸出的數(shù)組更加美觀,易于閱讀。