無法獲取Bootstrap關閉按鈕以顯示

我在bootstrap中有一個關閉（x）按鈕，我無法使用javascript顯示。一旦我給它的類名稱close它消失。是什麼賦予了？無法獲取Bootstrap關閉按鈕以顯示

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);

參考我想這一類從引導

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

來源

2016-01-21 john

打開你的開發工具（點擊F12）並檢查元素。您將看到所有正在應用的CSS。這會告訴你你的問題在哪裏。 –

什麼是您的CSS代碼（不是引導程序）？ – crazymatt

我沒有任何我自己的，我試圖將自舉代碼應用到它。 – john

你的CSS類close與引導close類衝突適用於它。

嘗試將您的css類重命名爲其他內容以查看問題是否消失。

如果你仍然想繼續使用這個CSS類名，那麼你將覆蓋（或重置）CSS類實現引導程序的屬性。

來源

2016-01-21 23:23:02 ThiagoPXP

對不起，我並不意味着會引起混淆，那就是實際的引導類，我只是發佈它來顯示我所引用的內容，因爲我沒有看到引導程序的CSS資源中列出了它。 – john

很顯然，當您在javascript中創建button元素時，它並未明確將類型設置爲button，您必須自行添加該元素。加入該行

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

顯示按鈕的正確CSS。

來源

2016-01-21 23:43:48 john

無法獲取Bootstrap關閉按鈕以顯示

回答

相關問題