我需要将以下引导属性(col-md-6)添加到默认情况下已使用现有类打印的 div:
<div class="images" style="opacity: 1;">
你会说直接做,但它是一个我仍然找不到的 PHP 模板,我厌倦了在包中寻找它。因此,我打算通过 JavaScript 序列如下所示。
<div class="col-md-6 images" style="opacity: 1;">
我需要将以下引导属性(col-md-6)添加到默认情况下已使用现有类打印的 div:
<div class="images" style="opacity: 1;">
你会说直接做,但它是一个我仍然找不到的 PHP 模板,我厌倦了在包中寻找它。因此,我打算通过 JavaScript 序列如下所示。
<div class="col-md-6 images" style="opacity: 1;">
请记住,您拥有的是一个
clase
而不是一个id
来标识您的元素,当getElementsByClassName
使用for
.使用纯 JavaScript(无库或框架)通过className,此属性将返回带有所选元素类的字符串,要将某个类添加到元素,您可以为此添加类的名称,您可以使用基本的字符串连接语法+=,(您应该注意需要额外的空间,否则类最终会在一起)。
如果您的元素有一个标识符,
(id)
它将是直接的使用Jquery ,我将使用addClass将类的名称添加到给定的 HTML 元素中。
您还可以使用classList属性添加类,该属性包含以下最重要的方法。
添加一个类或多个类
删除一个类或多个类
检查元素是否包含类
对于 javascript 中元素的类处理,我建议使用
classList
提供添加、删除和检查元素是否存在于类列表中的方法的对象。jQuery 版本
不带 jQuery 的版本
我建议你总是尝试在没有 jQuery 的情况下编写代码。
我附上了一个参考,
classList
这样你就可以更详细地看到它的行为。修复现代浏览器。
可以做与@Dev 的回答相同的事情。乔尔,但使用classList。
与 不同
className
的是,在此方法中,您不需要将现有类与要添加的类连接起来。它是这样使用的:
我们也使用querySelectorAll(),但您仍然可以使用它
getElementsByClassName
来获取节点列表。代码片段:
jsFiddle
如果要使用此方法添加多个类,则必须用逗号分隔每个类。
您可以在此处查看支持此方法的浏览器。
定义类的HTML对象的属性
className
是 ,类型为string。它可以直接修改,添加另一个类,只需使用添加文本
obj.className+=" nombre";
(在它之前留一个空格,就像在HTML中一样)。示例代码: