如何获取JavaScript onclick的调用元素的ID

Question

我有一个GridView，其中每一行都有信息，并且当用户单击该行时，更多相关的信息显示在单独的DIV中（这可行），但是当我要访问行（单击更改/添加CSS类）时，我无法定位该行。如何定位JavaScript onclick事件所分配到的行？

这是一个非常精简的代码版本：

protected void vd_gv_RowDataBound(object sender, GridViewRowEventArgs e)

{

    if (e.Row.RowType == DataControlRowType.DataRow) 

    {

        e.Row.Attributes.Add("onclick", "showTest(this)");

    }

}

这是称为onclick的JS：

<script type="text/javascript">

    function showTest(test) {

        // var rowTest1 = document.getElementById(this);

        // var rowTest2 = document.getElementById(this.id);

        // var rowTest3 = document.getElementById(test);

        // var rowTest4 = document.getElementById(test.id);

        var row = document.getElementById(test.id);

        var currentClass = row .className;

        row.className += "testClass";

    }

</script> 

调试页面时，这是生成的错误：

Empty string passed to getElementById().