用另一个没有ID的类移除/替换类-仅限Javascript

Remove / Replace class with another class without having an ID - Javascript only

本文关键字:替换 仅限 Javascript ID 另一个      更新时间:2024-03-17

Basicly我有两个按钮,一个将使用类"TargetDummy"创建div,另一个应该能够删除创建的"TargetDumpy"。问题是,我似乎无法编辑"TargetDummy"div,因为它们没有ID,我也无法给它们一个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,所以请放心:)

如果你想简单地隐藏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