2009年11月4日水曜日

Javascript ページ内<input>のName一覧表示ブックマークレット

今日、お友達のJavascript弄りに参加している時に、
偶然の産物的に出来たのでメモ。
いやまぁ、基本的なところは友達が作りました。感謝です。

Javascriptからオブジェクトを弄る際に、
その時に必要となるID or Nameが一目でどこにいるか分かれば便利なので、
ブックマークレットとして登録しておきます。

右クリックから「お気に入りに追加」してください。
◆ページ内<input>Name一覧表示
01.javascript:
02. 
03.// ページ内<input>情報取得
04.var ele = document.body.getElementsByTagName('input');
05.var res = '',
06.// <input>の個数からナンバリング桁数取得
07.len = ele.length.toString().length;
08. 
09.for (var i = 0; i < ele.length; i++) {
10. 
11.  var pz = '',
12.  // 現在の連番桁数
13.  ilen = i.toString().length;
14. 
15.  if (len > ilen) {
16. 
17.    // 不足分0詰め処理
18.    for (var j = ilen; j < len; j++) {
19.      pz = pz + '0';
20.    }
21. 
22.  }
23. 
24.  // まとめて格納
25.  res = res + pz + i + ':' + ele[i].name + '\n';
26. 
27.}
28.alert(res);
29.void(0);

0 件のコメント:

コメントを投稿