Javascript Can'；t单击提交后关闭Bootstrap 3模式窗口（vanilla JS）
我对这一切都不熟悉，所以请容忍我 我有一个Bootstrap3模式窗口，其中打开了几个表单字段。在您单击“提交新约会”后，我成功地将表单字段附加到DOM中。Buuut我似乎不知道在字段被附加到DOM之后如何关闭模式窗口。我希望通过编写一些好的ole香草JavaScript来实现这一点。（很遗憾，我不能使用任何jQuery。） 我在下面包含了普通JavaScript代码。（它基本上是从模式中的表单输入的信息创建一个约会卡，然后作为一张卡显示到DOM中。） 谢谢你看Javascript Can'；t单击提交后关闭Bootstrap 3模式窗口（vanilla JS）,javascript,twitter-bootstrap,forms,bootstrap-modal,vanilla-typescript,Javascript,Twitter Bootstrap,Forms,Bootstrap Modal,Vanilla Typescript,我对这一切都不熟悉，所以请容忍我 我有一个Bootstrap3模式窗口，其中打开了几个表单字段。在您单击“提交新约会”后，我成功地将表单字段附加到DOM中。Buuut我似乎不知道在字段被附加到DOM之后如何关闭模式窗口。我希望通过编写一些好的ole香草JavaScript来实现这一点。（很遗憾，我不能使用任何jQuery。） 我在下面包含了普通JavaScript代码。（它基本上是从模式中的表单输入的信息创建一个约会卡，然后作为一张卡显示到DOM中。） 谢谢你看 var form=docume
var form=document.getElementById（'addForm'）；
//元素将新的旋转木马项目附加到其中
var itemList=document.querySelector（'.carousel-inner'）；
//表格提交活动
表格.附录列表（“提交”，附录）；
//表单删除事件
itemList.addEventListener（'click'，removeItem）；
//添加项功能
函数附加项（e）{
e、 预防默认值（）；
//获取模式中的输入值
var newItem=document.getElementById（'item'）。值；
var newItemTwo=document.getElementById（'time'）.value；
var newitemtree=document.getElementById（'name-of-client'）。值；
var newItemFour=document.getElementById（'phone-number-client'）。值；
var newItemFive=document.getElementById（'acces-notes'）。值；
//使用上面的文本抓取创建一个新的li元素
var li=document.createElement（'li'）；
/**
*为旋转木马设置正确的类名
*/
//li.className='列表组项'；
li.className='item'；
li.style.maxWidth='95%'；
li.style.border='solid 1px#d3d3'；
li.style.padding='10px'；
li.style.height='150px'；
li.style.marginRight='12%'；
li.style.marginLeft='12%'；
li.style.fontwweight='500'；
li.style.fontSize='14px'；
//console.log（li）
//使用上面的文本抓取创建一个新的p元素
var pOne=document.createElement（'p'）；
pOne.className='items'；
pOne.style.fontSize='12px'；
pOne.style.fontWeight='400'；
pOne.style.marginTop='5px'；
var pTwo=document.createElement（'p'）；
pTwo.className='items'；
pTwo.style.fontSize='12px'；
pTwo.style.fontwweight='200'；
控制台日志（pTwo）
var pThree=document.createElement（'p'）；
pThree.className='items'；
pThree.style.fontSize='12px'；
pThree.style.fontwweight='200'；
控制台日志（pThree）
var pFour=document.createElement（'p'）；
pFour.className='items'；
pFour.style.fontSize='12px'；
pFour.style.fontwweight='200'；
console.log（pFour）
//添加带有输入值的文本节点
li.appendChild（document.createTextNode（newItem））；
appendChild（document.createTextNode（newItemTwo））；
pTwo.appendChild（document.createTextNode（newItemThree））；
pThree.appendChild（document.createTextNode（newItemFour））；
pFour.appendChild（document.createTextNode（newItemFive））；
//创建删除按钮
var deleteBtn=document.createElement（'button'）；
deleteBtn.style.width='50px'；
deleteBtn.style.float='right'；
deleteBtn.style.height='50px'；
deleteBtn.style.borderRadius='50%'
deleteBtn.style.border='实心1px红色'；
deleteBtn.style.backgroundColor='白色'；
deleteBtn.style.color='red'；
//将类添加到“删除”按钮
deleteBtn.className=“btn btn danger btn sm float right delete”；
//附加文本节点
deleteBtn.appendChild（document.createTextNode（'X'））；
//将删除按钮附加到LI中
li.appendChild（deleteBtn）；
//将li追加到列表中。
/**
*将新元素插入itemList元素的开头，而不是结尾
*/
//itemList.appendChild（li）；
insertBefore（li，itemList.firstChild）；
//将p元素附加到LI中；（不确定这是否是最好的方法，但它可以工作）
李.儿童（pOne）；
李.儿童(pTwo);；
李.儿童（pThree）；
李.儿童(pFour);；
li.儿童（pFive）；
}
//删除项功能
函数删除项（e）{
console.log（例如target）
if（e.target.classList.contains（'delete'））{
如果（确认（“你确定兄弟吗？”）{
var li=document.querySelector（'.item.active'）；
项目列表。removeChild（li）；
document.querySelector（'.item'）.classList.add（'active'））
}
}
}