Javascript JS：如何制作Div'；s在单击时显示，但不附加？像一个工具提示

这对我来说有点难以解释，所以我会尽我最大的努力。我正在开发一个小游戏，其中角色将有8种技能来攻击敌人玩家，我想实现一个系统，当你点击升级时，一个子菜单系统弹出或显示打开，你可以选择3种技能中的1种来升级该特定技能

我遇到的问题是，我基本上已经完成了设计并实现了，但我不太确定如何做到这一点。当我点击一个按钮时，升级菜单就会出现在你点击的地方

目前，我只是嵌入了我的升级菜单DIV，但我更希望当你点击一项技能时，它会出现在技能选择中，但当你选择了你的技能后，它就会消失，而不是像下面所示将自己硬编码到技能中

最好的办法是什么？我认为我的问题是“appendChild”函数，因为它使它“坚持”我应用DIV的内容

New=Object.create；
dom={
el：功能（id）{
返回文档.getElementById（id）；
},
setText:函数（id、文本）{
this.el（id）.innerHTML=text；
},
setTextCon:函数（id、文本）{
this.el（id）.innerHTML+=文本；
}
}
函数upgradeBar（）{
菜单（“升级菜单”、“系统菜单”）；
}
功能菜单（classID、id）{
var button=dom.el（“skill”）；//将DIV应用于此位置
var x=document.createElement（“div”）；
x、 setAttribute（“类”，classID）；
x、 setAttribute（“id”，id）；
按钮。追加子项（x）；
功能技能（classID、id、标题）{
var circle=dom.el（“系统菜单”）；//将DIV应用于此位置
var x=document.createElement（“div”）；
x、 setAttribute（“类”，classID）；
x、 setAttribute（“id”，id）；
x、 setAttribute（“标题”，标题）；
圆。子对象（x）；
//dom.setText（id，text）；
}
技能（“技能”、“攻击1”、“打击1”）；
技能（“技能”、“攻击2”、“打击2”）；
技能（“技能”、“攻击3”、“打击3”）；
}
dom.el（“skill”）.onclick=升级栏
.upgrade菜单{
背景图片：url（“/home/shawnmusick/Documents/Card-Warriors/images/triblack.jpg”）；
宽度：100px；
高度：100px；
背景色：白色；
边框：1px纯黑；
边界半径：50px；
位置：相对位置；
}
#攻击1{
背景图片：url（“”）；
宽度：50px；
高度：50px；
背景色：白色；
边框：1px纯黑；
边界半径：50px；
位置：绝对位置；
排名：0；
左：0；
左边距：-10px；
z指数：1；
}
#攻击2{
背景图片：url（“”）；
宽度：50px；
高度：50px；
背景色：白色；
边框：1px纯黑；
边界半径：50px；
位置：绝对位置；
排名：0；
右：0；
右边距：-10px；
z指数：1；
}
#攻击3{
背景图片：url（“”）；
宽度：50px；
高度：50px；
背景色：白色；
边框：1px纯黑；
边界半径：50px；
位置：绝对位置；
底部：0；
左边距：23px；
边缘底部：-15px；
z指数：1；
}
.按钮{
最小宽度：80px；
最小高度：30px；
利润率：10px；
}

竞技场斗殴
您可以使用
data-*
属性来存储数组、对象或包含“技能”描述、值的对象数组。在
mouseenter
事件的
元素切换
显示
的“升级”
元素；在
按钮
元素处设置
禁用
属性，以保存单击的
按钮
元素；删除所有
按钮
元素的
鼠标指针
事件；使用在单击的
元素
数据-*
属性处设置的值填充
元素
.value
，
.title
。在
处单击
元素处的
，将元素的
.value
推送到引用当前用户的对象；将
字段集
元素
显示
设置为
无
，删除
输入
元素的当前值
，将
鼠标指针
事件添加到
按钮
元素


函数CreateUser（名称）{
name=name.toString（）；
如果（名称==未定义| |名称==“”）{
抛出新错误（“CreateUser:需要名称”）
}
this.name=“user”+名称；
这是：技能=[]；
};
var skill=document.getElementById（“skill”）；
变量标签=skill.querySelector（“标签”）；
var opts=skill.queryselectoral（“.options”）；
var close=document.getElementById（“close”）；
var buttons=document.queryselectoral（“.buttons”）；
var user0=新的CreateUser（0）；
initSkillsUpgrade（“添加”，用户0）；
函数initSkillsUpgrade（toggleHandler，用户）{
对于（变量i=0；i