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。