我一直在开发元素周期表的动态Web表单。我制作了HTML，CSS .... PTE的结构和样式。
然后我想使用JS使我的PTE动态化。
所以，我的主要目标是： 当您单击元素时，PTE将消失，并将内容加载到一个HTML页面中，每个元素都相同。但是内容必须根据您单击的元素进行更改。
希望您能理解我的问题。
例如氢表单元格（不带CSS）：
<td class="nonmetal">
<a id="first_element">
<strong class="symbol">H</strong>
<span class="atomic_number">1</span>
<em class="name">Hydrogen</em>
<span class="atomic_weight">1.008</span>
</a>
</td>
这是一段简单的HTML代码，我想在其中传输有关元素的信息（例如，物理属性的历史记录...）
<body>
<h1>About element</h1>
<p>Content</p>
<h2>History</h2>
<p>Content</p>
</body>
也许我需要一些带有信息的文本文档，从中我可以转移有关元素的信息。那就是为什么我需要帮助。
感谢所有回复。