Javascript 函数，用于添加特定类的div

在我的CSS中，我为

div

div.videl
{
宽度：80%；
保证金：0自动；
背景色：#39275b；
颜色：白色；
填充物：5px；
}

然后是添加该类的

div

s的函数：

this.addVideo=function（）
{
var newVidElement=document.createElement（“div”）；
newVidElement.class=“videl”；
newVidElement.innerHTML=“（“+++this.numVids+”）
”
document.getElementById（“vidplaydiv”）.appendChild（newVidElement）；
}

---

但是，由于某些原因，当我测试它时，该函数没有正确地应用CSS属性。查看此页面并单击“添加另一个视频”按钮。知道我做错了什么吗？

className是您试图设置的属性的名称

newVidElement.className = "videl";

---

className

是您试图设置的属性的名称

newVidElement.className = "videl";

---

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

this.addVideo=function（）
{
var newVidElement=document.createElement（“div”）；
newVidElement.className=“videl”；
newVidElement.innerHTML=“（“+++this.numVids+”）
”
document.getElementById（“vidplaydiv”）.appendChild（newVidElement）；
}

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

this.addVideo=function（）
{
var newVidElement=document.createElement（“div”）；
newVidElement.className=“videl”；
newVidElement.innerHTML=“（“++this.numvidids+”）
”
document.getElementById（“vidplaydiv”）.appendChild（newVidElement）；
}

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

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

---

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

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

---

我怀疑纯dom元素没有任何

类

属性，它应该是

类名

，注意HTML中的属性和dom中的属性之间并不总是有对应关系。我怀疑纯dom元素没有任何

类

属性，它应该是

类名

，请注意，HTML中的属性和DOM中的属性之间并不总是有对应关系。