如何在使用javascript的元素的类之间切换？

这个问题在这里已经有了答案：

使用JavaScript 30个答案更改元素的类

---

JavaScript的

function toggleClass(element, origin, target) {
    var newClass = element.className.split(" ");
    for (var i = 0, i < newClass.length; i++) {
        if (origin.localeCompare(newClass[i]) == 0) {
            newClass[i] = target;
        };
    };
    element.className = newClass.join(" ");
};
// Usage
var img = document.getElementById("img1");
toggleClass(img, "img1 img2");

jQuery的

$("#img1").toggleClass("img1 img2");

更多在这里。

---

function test() {
    t1.className = t1.className == 'img1' ? 'img2' : 'img1';
}

相关：使用JavaScript更改元素的类

---

如果你不使用jQuery，我会建议你2件事情：

使用onclick属性，您无需在调用函数之前设置javascript: 如果你使用它，它将不起作用。

你可以通过这样的函数发送元素： onclick=test(this) 。 现在你只需要比较他的课程。

function testFunction(element) {
    if (element.className === 'img1') {
        element.className = 'img2';
    } else {
        element.className = 'img1';
    }
}

TAKE CARE如果使用multiclasses，因为你需要将它们添加到类名。 这个函数将删除新的全名。

链接地址: http://www.djcxy.com/p/25211.html

上一篇: How do i toggle between classes of an element using javascript?

下一篇: Javascript class name manipulation not working