javascript - 单击任何子级时如何获取父级div的类名

Question

在这种情况下，我希望仅使用javascript获取父类的类名，即Main_Class。不是jquery。怎么会这样？？

<div className="Main_Class">
    <div className="Child_1">
        <p>One</p>
    </div>
    <div className="Child_2 onclicked={handleClick}>
        <p>Two</p>
    </div>
    <div className="Child_3">
        <p>Three</p>
    </div>
</div>

标签： javascriptreactjs

Answer 1

单击第一个时p（根据需要调整第一个选择器）：

document.getElementsByTagName("p")[0].addEventListener("click",function(){
    console.log( this.parentNode.className );
});