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颜色丑的无与伦比啊……