JavaScriptで関数設定時に引数を指定したい

質問

状況を説明します
・複数のthにoncklickイベントで同じ関数を呼びたい
・th要素のタグにonclick属性を書くのは同じ記述をたくさん書くことになるのでやりたくない
・JavaScriptでonclick属性に関数を設定したい
・th要素自身を引数としたい
※WindowsXPのIE8で動けばOKです。

(0)ベタ書きするとこんな感じになります。これなら動くことを確認しています。
# <th onclick="func1(this)">…
# <th onclick="func1(this)">…
# <th onclick="func1(this)">…
# <th onclick="func1(this)">…
#
# function func1(th) {
# 　　…
# }

(1)引数がなければこんな感じになると思います
# var ths = $("head").childNodes;
# for (var i = 0; i < ths.length; i++) {
# 　　ths[i].onclick = func1;
# }

(2)無名関数ならこんな感じになると思います
# var ths = $("head").childNodes;
# for (var i = 0; i < ths.length; i++) {
# 　　ths[i].onclick = function() {
# 　　　　…
# 　　}
# }

しかしこの2つの書き方「(1)(2)」とも、引数を入れようとしたところ
どうすればいいかわかりませんでした。

上記の状況を踏まえ…
質問は以下です
・(1)のような書き方で、引数アリの関数を設定する方法
・(2)のような書き方で、引数アリの関数を無名関数で設定する方法
・それ以外の代替方法
これを教えてください。
そもそもJavaScriptではできないのであればその旨を教えてください。

よろしくお願いします。

回答No.3

babu_baboo

＃２です。

にがてだとか、そういうもんだいではないよ
たとえば、table ようそに id #huga がついていたとする
th からおやへむかってそうさする

if (hoge (th, 'id', 'huga')) {
　alert('#huga の枝に属する");
}

var hoge = function (node, type, val) {
　return (node)
　　? (val == node[type])
　　　? node
　　　: arguments.callee (node.parentNode, type, val)
　　: null;
};

th にいべんとをなんじゅっこもつけるより、そせんをたどる（どうせすうだんだし）ほうがはるかによい

hoge がきらいなら、したのようなもの。

var insideView = function ( parent, target ) {
　/*@cc_on @if(@_jscript)
　　return parent.contains( target ) && parent != target;
　@else@*/
　　return !!( parent.compareDocumentPosition( target ) & target.DOCUMENT_POSITION_CONTAINED_BY );
　/*@end@*/
};

ひつようとあらば、なんびゃくでもいべんとをつけるの？
・・・。まぁ、すきなだけ、つけてください。

お礼

なんとなく分かりました。ありがとうございました。

補足

もしあなたが漢字を使うことが苦手でないのであれば、ひらがなだけの文ではなく漢字交じりの普通の日本語でご回答していただくことを検討しいただきたいです。ひらがなだけだと読みにくいです。よろしくお願いします。

回答No.2

babu_baboo

document.attachEvent ('onclick', function (event) {
　var e = event.srcElement;
　if ('TH' === e.nodeName)
　　alert (e.innerText);
});

ばぶりんぐするいべんとは、おおもとでかんしするといいよ。

お礼

ご回答ありがとうございました。

この書き方は私はちょっと苦手です…。あらゆるTHにイベント追加するわけではないので少し手直しが必要ですが、この方法でも実現できることを確認しました。勉強してみます。

参考になりました、ありがとうございました。

回答No.1

noname#147388

$("thead > th").click(funtion() {
var $this = $(this); // クリックされた th のオブジェクト取得
});
かと

お礼

ご回答ありがとうございました。

$関数を使っているので、誤認されたのだと思いますが前提としてライブラリは使っていません。便利なので以下の関数だけ自分で定義しています。

# function $(id) {
# 　　return document.getElementById(id);
# }

ですので何かのライブラリを使用することを前提としたコードだと動きません…。
ライブラリなしでのコードをよろしくお願いします。

補足

このページの下段の「あわせてチェックしたい」を参照したところ回避方法が見つかりました。参考までにメモしておきます。

◎「new Function」を使う方法
# for (var i = 0; i < ths.length; i++) {
# 　　ths[i].onclick = new Function("func1(this)");
# }
これならタグ内にonclick属性を直接書き込む方法と同じ文字列が書けるようです

◎引数関係なくthisを使う
「func1」内で「th」としてアクセスしていたものを、引数の変数を削除し「this」
# function func1() {
# this.style.color = "blue";
# }
この方法だと関数の呼び方が限られますが、今回私が直面した問題に対してはこの方法が使えました。