JSON數組本身是一種數據結構,不包含樣式的定義。樣式是由CSS來控制的,可以通過在HTML中使用CSS來為JSON數組添加樣式。
如果你想要為JSON數組的展示添加樣式,可以將JSON數組渲染為HTML元素,然后使用CSS為該HTML元素添加樣式。
以下是一個示例:
HTML:
<div id="json-array"></div>
JavaScript:
var jsonArray = [
{ "name": "John", "age": 30 },
{ "name": "Jane", "age": 25 },
{ "name": "Smith", "age": 35 }
];
var jsonArrayHtml = '<ul>';
for (var i = 0; i < jsonArray.length; i++) {
jsonArrayHtml += '<li>' + jsonArray[i].name + ' - ' + jsonArray[i].age + '</li>';
}
jsonArrayHtml += '</ul>';
document.getElementById('json-array').innerHTML = jsonArrayHtml;
CSS:
ul {
list-style-type: none;
padding: 0;
}
li {
margin-bottom: 10px;
}
在上述代碼中,我們使用JavaScript將JSON數組渲染為一個無序列表(ul),然后使用CSS為ul和li元素添加樣式。你可以根據需要修改CSS樣式來定制JSON數組的展示效果。