onclickイベントの引数に、自身のidの値を設定したい

Question

onclickイベントのcancel()の引数に、自身のidの値(cnt)を設定したいのですが、
現在は下記のように実装しており、エラーになってしまいます。
（エラー内容:Uncaught TypeError: Cannot read property 'id' of undefined）

<input id = "cnt" type = "button" onclick = "this.parentElement.remove();cancel(this.elements.id)" value = "Cancel" />

例えばcntの値が5でしたら、cancel()の引数に5を設定したいです。

実装方法の分かる方がいましたら、ご教授をお願いします。

Answer 1

まずid属性値へのアクセスですが、this.elements.idではなくthis.idではないでしょうか？（違っていたらすみません）
その上で、remove()を後に回すか、idを変数に保存するかすれば対応できるかと思います。

remove()を後に回すパターン

<input id = "cnt" type = "button" onclick = "cancel(this.id);this.parentElement.remove()" value = "Cancel" />

idを保存するパターン

<input id = "cnt" type = "button" onclick = "var iCnt=this.id;this.parentElement.remove();cancel(iCnt)" value = "Cancel" />

Answer 2

そんなことしなくても、もともと参照できるようにできている

currentTarget

わからなかったらググってください。ちなみに remove って何ですか？JScript?
DOM Level 4 使うにはまだ早いと思うけどね、parentElement のことね

消した後で消したものの id 参照って普通は考えないけど、removeChild って確か、ツリーから外すだけで、要素自体は残ってるんだよね。だから、実行順序とかはこの場合どちらでもいい。