javascript - JavaScript this.parentElement('div').classList.add 動作しない

Question

プロジェクトをほぼ完了するだけで、この単純な行では許可されません。

mykey= document.getElementById('mykey'),

mykey.onclick = function() {this.parentElement('div').classList.add("green")};

クリックしてもクラス「緑」が追加されない

何か考えはありますか？

Answer 1

var mykey= document.getElementById('mykey');
mykey.onclick = function() {
    mykey.parentElement.classList.add("green");
};

http://jsfiddle.net/8vype/1/

Answer 2

あなたの代わりに次のコードを使用してください

jQuery Library を使用しており、これを使用するとコードの記述が少なくなります。

<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.9.0/jquery.min.js"> </script>
<script>
$(document).ready(function() {
    mykey= document.getElementById('mykey'),

    mykey.onclick = function() { alert("clicked"); $(this.parentNode).addClass("green")};
});
</script>

テスト済みで機能している、

編集：

申し訳ありませんが、lib を使用したくないというコメントを見ていませんでした。