js的hide和show，活代碼

<button onclick="hidep1()">hide</button>
<button onclick="showp1()">show</button>
<p>段落1</p>

下面是js的代碼

聲明 w 對象

 var w = {};

 

根據selector得到元素

　　

  w.getElements = function(selector) {
      return elements = document.querySelectorAll(selector);
  }

 

給指定元素設置樣式

  w.getElement = function(element, propName, propVal) {
      element.style.setProperty(propName, propVal);
  }

以上三步完成后就可以在后面直接用就可以了

下面這個是hide的方法

    w.hide = function(selector) {
        var elements = w.getElements(selector);
        w.hideElements(elements);
    }
    w.hideElements = function(elements) {
        /* var i, len = elements.length;
         for(i = 0; i < len; i++) {
             w.hideElement(elements[i]);
         }*/
             //這里可以用for循環，也可以用forEach()實現，二選一
        elements.forEach(function(element, idx) {
            w.hideElement(element);
        });
    }
    w.hideElement = function(element) {
        w.setElementStyle(element, 'display', 'none');
    }

show方法和hide方法大同小異

w.show = function(selector) {
        var elements = w.getElements(selector);
        w3.showElements(elements);
    }
    w.showElements = function(elements) {
        /* var i, len = elements.length;
         for(i = 0; i < len; i++) {
             w3.showElement(elements[i]);
         }*/
        elements.forEach(function(element, idx) {
            w.showElement(element);
        });
    }
    w.showElement = function(element) {
        w.setElementStyle(element, 'display', 'block');
    }

最后……

<script type="text/javascript">
    function hidep() {
        w.hide('p');
    }
    function showp() {
        w.show('p');
    }
</script>

 

總感覺活代碼比死代碼好用多了，哪位大神有意見的話提出來就好，別跑來打我啊……第一次寫，多多指教
對於上面的代碼我也很無語，html的顏色挺好看的……為何Javascript顏色丑的無與倫比啊……