Question

<!doctype html>
<html>
<body>
  <img src="..." id="star">

  <script>

    star.onmousedown = function(event) {
      alert()
    };

  </script>

</body>
</html>

不是我的代码，正如您在id上面的id为“ img”的img所见，就像它是一个对象一样，通常我希望做类似的事情

<img scr="..." onmousedown= myFunction() {...}>

或

document.getElementById("star").onmousedown = myFunction() {...}

但是他们不知何故只是通过id直接访问img，我在这里不理解语法，在任何具有id的元素上都可以这样做吗？

编辑：如果可以，后面的示例何时可以使用？例如。 .getElementById（..）

Answer 1

您可以使用id来直接访问对象。

star.onmousedown = function myFunction() {...}

是的，在document中设置了id属性的任何HTML元素都可以直接访问该元素。

Answer 2

是的，您可以使用内置的JS函数getElementById()获得具有ID的任何元素。阅读MDN参考以了解更多信息。

javascript：直接使用“ id”访问像对象一样的img

2 个答案: