今日钢厂价格汇总：详细钢价信息一网打尽
wujiai
|.
.
.
.
.
今日钢厂价格汇总：详细钢价信息一网打尽
钢厂价格查询
钢厂价格统计
钢号
价格(元/吨)
涨跌
备注
钢厂价格分析
2022年12月31日 15:00
// 获取钢号数据
const queryForm = document.getElementById("钢厂价格查询表");
const queryResults = document.getElementById("钢厂价格统计表");
queryForm.addEventListener("submit", event => {
event.preventDefault();
const steel = document.getElementById("钢号").value.trim();
const results = queryResults.querySelectorAll(tr[data- steel="${steel}"]);
results.forEach(result => {
const columns = result.querySelectorAll("td");
const price = parseFloat(columns[1].textContent);
const priceChange = parseFloat(columns[2].textContent);
const remark = columns[3].textContent;
const data = { steel, price, priceChange, remark };
// 将数据添加到表格中
const table = document.getElementById("钢厂价格统计表");
table.innerHTML = `
${steel}
价格(${price}元/吨)
涨跌(${priceChange}元/吨)
备注
`;
data.priceChange && table.querySelector(trdata-steel="${steel}").innerHTML = `
${data.priceChange}
`;
data.remark && table.querySelector(trdata-steel="${steel}").innerHTML = `
${data.remark}
`;
table.querySelector(tr[data-steel="${steel}"]).innerHTML = `
${data.price}
`;
});
});
// 根据钢号统计价格和涨跌数据
const steelData = [];
for (let i = 1; i ${steel}
${price}
${priceChange}
${remark}
`;
steelData.push(row);
}
const table = document.getElementById("钢厂价格分析图");
table.innerHTML = `
今日钢厂价格分析
钢号
价格(元/吨)
涨跌
备注
${steelData.map(row => `
${row.querySelector("td:nth-child(1)").textContent}
${row.querySelector("td:nth-child(2)").textContent}
${row.querySelector("td:nth-child(3)").textContent}
`).join("")}
`;