javascript - 添加特定类的 div 的函数

Question

在我的 CSS 中，我有一个用于 div

的特定类

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

然后是添加该类的 div 的函数:

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并单击“添加另一个视频”按钮。知道我做错了什么吗？

Answer 1

className 是您要设置的属性的名称。

newVidElement.className = "videl";