javascript - Javascripts 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 库，使用它可以让您编写更少的代码。

<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。