Question

我在从应用程序获取div的ID时遇到问题。我有一个生成HTML的JSP文件。我想获取div ID，但是每次我的警报是ID名称都未定义时。

在我的JS文件中，有一个简单的功能：

function myFunction(){
  alert(this.id);
}

Div ID是动态生成的。在我的JSP文件中，我有一个简单的onclick连接。

点击后没有ID的原因是什么？

Answer 1

this引用的Window对象没有名为 id 的属性，因此得到undefined。将this传递给函数，以便您可以在函数内部引用它：

演示：

function myFunction(el){
  //console.log(this.constructor.name); //Window
  alert(el.id);
}

<div id="test" onclick="myFunction(this)">Test Container</div>

Answer 2

这是指传递给函数的对象。

<div id="test" onclick="myFunction(this)">Test Container</div>

<script>
    function myFunction(arg){
              alert(arg.id);
            }
</script>

提取div ID

2 个答案: