删除/替换类与另一个类没有ID - 仅限Javascript

时间:2015-02-22 13:50:44

标签: javascript

基本上我有两个按钮,一个将用类创建div" TargetDummy"和另一个谁应该能够删除创建的" TargetDummy"。 问题是我似乎无法编辑" TargetDummy" div,因为他们没有ID,我不能给他们一个,因为他们有几个。

我正在寻找javascript的解决方案。我创建" TargetDummy" div的代码在

之下
 var Div = document.createElement("div");
        document.body.appendChild(Div).className = "TargetDummy";

我想像

var Dummies = document.getElementsByClassName("TargetDummy");
    Dummies.className = "something";

   Dummies.remove();

会这样做,但遗憾的是没有。我还在学习Javascript,所以对我很轻松:)

1 个答案:

答案 0 :(得分:0)

如果你想简单地隐藏Div,你可以遍历它们并通过className属性为它们提供一个新类。

示例JS:

var Dummies = document.getElementsByClassName("red");
function addNewClass() {
    for(var i = 0; i < Dummies.length; i++) {
        Dummies[i].className = "newClass";
        Dummies[i--].className = "newClass"
    }
}

http://codepen.io/anon/pen/OPZNJN