请教如何用js实现同一页面显示不同内容

Question

类似迅雷下载的页面。
比如点即“已下载”，则页面显示已下载的信息。
点击“正在下载”，则显示正在下载的信息。
而且都是在同一个页面显示的。
谢谢！

Answer 1

<span id="sArea"></span>
<input type="button" value="已下载" onclick="document.getElementById('sArea').innerHtml='已下载;">">
<input type="button" value="正在下载" onclick="document.getElementById('sArea').innerHtml='正在下载';">

Answer 2

<span id="sArea"></span>
<input type="button" value="已下载" onclick="document.getElementById('sArea').innerHTML='已下载';">
<input type="button" value="正在下载" onclick="document.getElementById('sArea').innerHTML='正在下载';">少了个单引

Answer 3

<span id="sArea"></span>
<input type="button" value="已下载" onclick="document.getElementById('sArea').innerHTML='已下载';">
<input type="button" value="正在下载" onclick="document.getElementById('sArea').innerHTML='正在下载';">

Answer 4

动态生成dom就可以了，在页面设置导航，然后通过导航生成不同的dom就可以实现了