```html
body {
fontfamily: Arial, sansserif;
margin: 20px;
}
table {
bordercollapse: collapse;
width: 100%;
}
th, td {
border: 1px solid ddd;
padding: 8px;
textalign: left;
}
th {
backgroundcolor: f2f2f2;
}
股票代码 | 股票名称 | 最新价格 | 涨跌幅 | 成交量 |
---|
// 假设这是从后端获取的实时股票数据
const stocks = [
{ code: 'AAPL', name: '苹果', price: 150.25, change: ' 2.45%', volume: '10M' },
{ code: 'GOOG', name: '谷歌', price: 2705.36, change: '1.20%', volume: '5M' },
{ code: 'MSFT', name: '微软', price: 325.40, change: ' 0.75%', volume: '8M' },
{ code: 'AMZN', name: '亚马逊', price: 3280.48, change: ' 0.88%', volume: '7M' },
{ code: 'TSLA', name: '特斯拉', price: 650.21, change: '0.50%', volume: '15M' }
];
const stockDataContainer = document.getElementById('stockData');
// 动态生成股票数据行
stocks.forEach(stock => {
const row = document.createElement('tr');
row.innerHTML = `
`;
stockDataContainer.appendChild(row);
});