HTML怎么更换文本内容?

点击1.赤壁之战 在同一个页面就出现赤壁之战的内容
点击2.朝鲜战争 在同一个页面就出现朝鲜战争的内容

我是大学生,真的不知道该怎么做,谢谢。

img

需要用脚本实现,可以参考下这个

绑定点击事件,然后点击时用 innerhtml 插入不同的内容

如果用js去绑定点击事件,可以用innerhtml去写不同的内容,只用html5+css3目前没有较好的方法,这里还是用vue比较方便一些

给内容设置display属性为none
给标题设置点击事件,点击后对应内容display属性改为block(还要把其他内容改为none)