用另一个没有ID的类移除/替换类-仅限Javascript
Remove / Replace class with another class without having an ID - Javascript only
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
相关文章:
- jquery仅限<并且>文本框中的符号
- 仅限滑动图像css3或需要javascript
- 仅限客户端的Dropbox访问
- 跨来源图像加载被拒绝-仅限iPhone-简单图像上传
- 仅限Chrome:ajax冻结了我的JavaScript执行
- jQuery show/fadeIn不将display:block应用于隐藏的父元素内的子元素-仅限FireFox
- 仅限顶级列表项
- zip.js读取zip中的文件名.(仅限客户端脚本)
- 用另一个没有ID的类移除/替换类-仅限Javascript
- 仅限首次出现Ionic弹出警报
- 选择“仅限周末的日期”
- 向上一个/下一个图像幻灯片添加计数器(仅限javascript/css)
- 为什么输入会在第一次单击时触发(仅限)
- 页面引发JavaScript运行时错误:'函数名称'未定义.仅限IE10
- Javascript - 预加载的图像渲染延迟(仅限第一次)
- $injector:nomod模块“应用程序”不可用!仅限火狐浏览器
- 为数组中的图像指定特定的 bg 颜色(仅限 Javascript)
- valueOf() 在脚本和 F12 控制台(仅限 Chrome 和 IE11)中给出不同的值
- 刷新 Div 内容(仅限本地.html)
- 将许多逗号替换为仅限空格的javascript