用香草javascript写这行jQuery

Question

谁能帮我用JavaScript写这行jQuery。 它适用于造型一类的单一规则。

$('.dataCard').css('visibilty', 'visible !important');

Answer 1

由于!important在使用javascript设置样式时不适用，因此就像这样

 var elems = document.querySelectorAll('.dataCard');

 for (var i=elems.length; i--;) {
      elems[i].style.visibility = 'visible';
 }

Answer 2

如果要创建一个通用功能来替代jQuery中的功能，可以执行以下操作：

function setStyle(elemOrSelector, prop, val) {
    var items;
    if (typeof elemOrSelector === "string") {
        // run selector query
        items = document.querySelectorAll(elemOrSelector);
    } else if (elemOrSelector.nodeName) {
        // must be single DOM object
        items = [elemOrSelector];
    } else if (elemOrSelector.length)
        // must be an array or nodeList
        items = elemOrSelector;
    } else {
        // don't know what it is
        return;
    }
    for (var i = 0; i < items.length; i++) {
        items[i].style[prop] = val;
    }
}

setStyle('.dataCard', "visibility", "visible");

此通用功能允许您传递DOM元素，类似于DOM元素列表的数组或选择器字符串。

---

如果你不想让一般purposeness，那么你可以这样做：

function setStyle(selector, prop, val) {
    var items = document.querySelectorAll(selector);
    for (var i = 0; i < items.length; i++) {
        items[i].style[prop] = val;
    }
}

setStyle('.dataCard', "visibility", "visible");