功能，增加了一類特殊的一個div

在我的CSS我有一個div功能，增加了一類特殊的一個div

div.videl 
{ 
    width: 80%; 
    margin: 0 auto; 
    background-color: #39275b; 
    color: white; 
    padding: 5px; 
}

，然後一個功能的特定類添加該類div S：

this.addVideo = function() 
{ 
     var newVidElement = document.createElement("div"); 
     newVidElement.class = "videl"; 
     newVidElement.innerHTML = "<p>(" + ++this.numVids + ") <textarea class='vidtxt'></textarea></p>" 
     document.getElementById("vidplaydiv").appendChild(newVidElement); 
}

然而，出於某種原因，該功能在我測試時未正確應用CSS屬性。看到這個頁面http://jaminweb.com/YoutubePlaylist.html並點擊Add Another Video按鈕。任何想法我做錯了什麼？

來源

2014-06-09 Holy Diver

我懷疑純dom元素沒有任何'class'屬性，它應該是'className'，請注意HTML中的屬性和DOM中的屬性之間並不總是對應的。 –

className是您嘗試設置的屬性的名稱。

newVidElement.className = "videl";

來源

2014-06-09 18:44:14 ajm

更改JavaScript代碼如下 -

this.addVideo = function() 
{ 
    var newVidElement = document.createElement("div"); 
    newVidElement.className = "videl"; 
    newVidElement.innerHTML = "<p>(" + ++this.numVids + ") <textarea class='vidtxt'></textarea></p>" 
    document.getElementById("vidplaydiv").appendChild(newVidElement); 
}

來源

2014-06-09 18:50:13

當你不知道HTML屬性的屬性名稱，您可以隨時使用的setAttribute，例如：

newVidElement.setAttribute('class','videl')

來源

2014-06-09 18:50:25 Aminadav

功能，增加了一類特殊的一個div

回答

相關問題