无法获取Bootstrap关闭按钮显示

Question

我在bootstrap中有一个close（x）按钮，我无法使用javascript显示。一旦我给它类名close，它就会消失。是什么赋予了？

var btn = document.createElement("button");  //<button> element
btn.className("close");  <!-- unless commented out it won't show -->
var t = document.createTextNode("x"); <!-- would rather use &times; but this will work for now  -->
btn.setAttribute("class", "close");  <!-- tried this and didn't work either -->  
cell4.appendChild(btn);

供参考我试图从bootstrap

将此类应用于它

button.close {
-webkit-appearance: none;
padding: 0;
cursor: pointer;
background: transparent;
border: 0;
}

Answer 1

您的css类close与bootstrap close类发生冲突。

尝试将您的css类重命名为其他内容以查看问题是否消失。

如果您仍想继续使用此css类名，那么您将覆盖（或重置）引导close css类实现的属性。

Answer 2

显然，当您在javascript中创建button元素时，它没有明确地将类型设置为button，您必须自己添加它。添加行

btn.setAttribute("type", "button");

显示按钮的正确css。