往html内追加html

（作者：苦行者；撰写时间：2019年6月15日）

1、图中是一个下拉菜单，里面有一些子选项，而我接下来要实现的功能是：当我点击任意一个选项的时候，让它对应地显示到下面的导航栏（隐藏起来了）内。

Html结构如下：
我给dl标签下面的每一个dd标签都给它一个id，主要是为了后面给追加的div标签自动添加id，方便后期使用。

2、导航栏html结构如下，需要往里面追加html；

3、下拉菜单的点击事件
首先获取到并遍历循环下拉菜单的每一个子选项，给它们添加点击事件，在点击事件内获取到下拉菜单子选项的文本值，同时获取到它的id名称；定义一条html，该html为一个类名为mol的div标签，把刚刚获取到的下拉菜单子选项的文本值作为它的文本内容，id就等于刚刚获取到的下拉菜单子选项的id名称加上“Btn”；
最后把定义好的html用append方法追加到导航栏里去，实现的最终效果如下图所示：