两个表格共用列头，如何根据条件显示不同表头？

\u003ctable\u003e\u003cthead\u003e\u003ctr\u003e\u003cth\u003e共同的表头1\u003c/th\u003e\u003cth\u003e共同的表头2\u003c/th\u003e\u003cth\u003e共同的表头3\u003c/th\u003e\u003cth\u003e共同的表头4\u003c/th\u003e\u003c/tr\u003e\u003c/thead\u003e\u003ctbody\u003e\u003ctr\u003e\u003ctd\u003e数据1\u003c/td\u003e\u003ctd\u003e数据2\u003c/td\u003e\u003ctd\u003e数据3\u003c/td\u003e\u003ctd\u003e数据4\u003c/td\u003e\u003c/tr\u003e\u003c/tbody\u003e\u003c/table\u003e\n\u003ctable\u003e\u003cthead\u003e\u003ctr\u003e\u003cth\u003e条件1的表头1\u003c/th\u003e\u003cth\u003e条件1的表头2\u003c/th\u003e\u003cth\u003e条件1的表头3\u003c/th\u003e\u003c/tr\u003e\u003c/thead\u003e\u003ctbody\u003e\u003ctr\u003e\u003ctd\u003e数据1\u003c/td\u003e\u003ctd\u003e数据2\u003c/td\u003e\u003ctd\u003e数据3\u003c/td\u003e\u003c/tr\u003e\u003c/tbody\u003e\u003c/table\u003e\n\u003cscript\u003e\n // 根据条件判断显示不同的表头\n var condition = true; // 假设条件为真\n if (condition) {\n document.getElementsByTagName('th')[0].innerHTML = '条件2的表头1';\n document.getElementsByTagName('th')[1].innerHTML = '条件2的表头2';\n document.getElementsByTagName('th')[2].innerHTML = '条件2的表头3';\n }\n\u003c/script\u003e\n\n在上面的示例中，我们使用了\u003cscript\u003e标签来添加JavaScript代码。这段代码会根据条件判断，如果条件为真，则将第二个表格的表头内容替换成"条件2的表头1"、"条件2的表头2"、"条件2的表头3"。您可以根据实际情况修改条件和表头内容。