CSSレイアウトを確認するために Javascript

ホームページのスタイルシート、レイアウトを確認するために Javascript です。

Chrome コンソールで利用します。CSS勉強のためです。


function s_new(){
       this.div = function(){
               eng("div");
       }

       this.ul = function (){
               eng("ul");
       }

       this.li = function (){
               eng("li");
       }

       this.user = function(e){
                eng(e);
       }

      function eng (e){
            var div = document.getElementsByTagName(e);
                 if (div.length > 0){
                      for(var a = 0 ; a < div.length; a++){
                           //div[a].style.borderStyle="solid";
                           //div[a].style.borderWidth="1px";
                           div[a].style.boxShadow ="2px 2px 6px";
                         }
                }else{
                         console.log("none");
                }
       }
}

var x = new s_new;

例

ElementsByClassName

     function eng (e){

            var div = document.getElementsByClassName('a');

                 if (div.length > 0){

                      for(var a = 0 ; a < div.length; a++){

                           div[a].style.borderStyle="solid";

                           div[a].style.borderWidth="1px";

                         } 

                }else{

                         console.log("none");

                }

       }

eng();