Javascript 如何在每次单击按钮时创建新的div?

Javascript 如何在每次单击按钮时创建新的div?,javascript,html,innerhtml,Javascript,Html,Innerhtml,这是我的代码: 函数newMentee(){ document.getElementById('new-mentee-form').style.display=“block”; document.getElementById('mentees').style.display=“无”; } 函数addMentee(){ document.getElementById('new-mentee-form').style.display=“无”; document.getElementById('me

这是我的代码:

函数newMentee(){
document.getElementById('new-mentee-form').style.display=“block”;
document.getElementById('mentees').style.display=“无”;
}
函数addMentee(){
document.getElementById('new-mentee-form').style.display=“无”;
document.getElementById('mentees').innerHTML=document.getElementById('name').value+'

'+document.getElementById('rating').value+'

'+document.getElementById('comments').value; document.getElementById('mentees').setAttribute(“样式”,“显示:块;背景色:黑色;宽度:10em;高度:10em;页边距顶部:5em;页边距左侧:2em;填充:2em;边框半径:2em;换行:打断单词;”; }
*{
保证金:0;
填充:0;
大纲:0;
字体大小:100%;
垂直对齐:基线;
背景:透明;
}
身体{
背景色:#3b4149;
}
标题{
背景色:#181b1e;
宽度:100%;
高度:15公分;
}
收割台h1{
颜色:白色;
文本对齐:居中;
线高:5em;
字号:3em;
}
保险商实验室{
列表样式:无;
保证金:0;
填充:0;
}
ulli{
显示:块;
浮动:左;
宽度:25%;
文本对齐:居中;
线高:2.5em;
颜色:白色;
背景色:#1376d8;
}
ulli ulli{
显示:无;
}
ulli:悬停{
背景色:#18e288;
不透明度:0.7;
}
ul li:悬停ul li{
显示:块;
宽度:100%;
}
#新学员表格{
垫面:3em;
颜色:白色;
背景色:黑色;
宽度:20em;
高度:30公分;
边缘顶端:3em;
边界半径:2米;
显示:无;
}
输入,文本区{
填充:0.5em;
颜色:白色;
}
#提交{
边界半径:2米;
}
#提交:悬停{
背景色:#18e288;
}
文本区{
调整大小:无;
}
#学员{
颜色:白色;
}

学员名单
  • 学员名单
  • 添加学员
  • 开除学员
  • 编辑
    • 添加详细信息
    • 删除详细信息
名称:



评级:



评论:




div.innerHTML=div.innerHTML+newDiv

div.appendChild(newDiv)

见参考:
div.innerHTML=div.innerHTML+newDiv

div.appendChild(newDiv)

见参考:

在为innerHTML指定新值时,您可以将其与旧值一起追加为

document.getElementById('mentees').innerHTML+='<br >' + document.getElementById('name').value+'<br><br>'+document.getElementById('rating').value+'<br><br>'+document.getElementById('comments').value;
document.getElementById('mentees').innerHTML+='
'+document.getElementById('name').value+'

'+document.getElementById('rating').value+'

'+document.getElementById('comments').value;
在为innerHTML分配新值时,您可以将其与旧值一起追加为

document.getElementById('mentees').innerHTML+='<br >' + document.getElementById('name').value+'<br><br>'+document.getElementById('rating').value+'<br><br>'+document.getElementById('comments').value;
document.getElementById('mentees').innerHTML+='
'+document.getElementById('name').value+'

'+document.getElementById('rating').value+'

'+document.getElementById('comments').value;
这比预期的要容易得多。现在似乎是个很愚蠢的问题。这比预期的容易多了。现在似乎是个很愚蠢的问题。