showAllIdAndClassName

by sugargoodman 2014-01-17 [2014/01/17 19:36:02]

ページ内で使われているクラス名を全部表示idも

• /*
   * @title showAllClassName
   * @description ページ内で使われているクラス名を全部表示
   * @include http://*
   * @license MIT License
   * @require 
   */
  
  var all = document.all || document.getElementsByTagName('*');
  var div = document.createElement('DIV');
  var a = document.createElement('A');
  var ul = document.createElement('UL');
  a.textContent = a.innerText = "close";
  var y = document.documentElement.scrollTop || document.body.scrollTop ;
  div.style.position = 'absolute';
  div.style.top = y+'px';
  div.style.right = '8px';
  div.style.zIndex = '9999';
  div.style.backgroundColor = "#ccc";
  console.log(all);
  // class名の取得
  l = 0;
  var li = new Array();
  for(var elem in all){
    if(elem.className){
      li[l] = document.createElement('LI');
      li[l].textContent = li[l].innerText = elem.className;
      ul.appendChild(li[l]);
      l++;
    }
  }
  
  function close(){
      div.parentNode.removeChild(div);
  }
  function scrollTop(){
      var y = document.documentElement.scrollTop || document.body.scrollTop ;
      div.style.top = y+'px';
  }
  
  if(window.addEventListener) {
      window.addEventListener('scroll', scrollTop, false);
      a.addEventListener('click', close, false);
  } else {
      window.attachEvent('onscroll', scrollTop);
      a.attachEvent('onclick', close);
  }
  
  document.body.appendChild(div);
  div.appendChild(ul);
  div.appendChild(a);

• Permalink RAW Packed Userscript LOADER Metadata ?

  Permalink

  このページへの個別リンクです。

  RAW

  書かれたコードへの直接のリンクです。

  Packed

  文字列が圧縮された書かれたコードへのリンクです。

  Userscript

  Greasemonkey 等で利用する場合の .user.js へのリンクです。

  Loader

  @require やソースコードが長い場合に多段ロードする Loader コミのコードへのリンクです。

  Metadata

  コード中にコメントで @xxx と書かれたメタデータの JSON です。