添加特定类的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";

Answer 2

如果您不知道HTML属性的属性名称，则可以始终使用setAttribute，例如：

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

Answer 3

更改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);
}