用香草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");