javascript - 如何提取动态生成元素的id?

标签 javascript dom-events

这是使用 JavaScript。我使用 omdb API 动态生成电影列表,并对每个电影名称使用 li 和 a 元素。

点击列表中的一部电影后,我想使用电影的 ID 来获取图像。

我应该用什么来获取被点击元素li的id属性。目前,点击事件监听器是在电影列表的类上设置的,而不是在每个 li 上设置,因为它是动态生成的。

  function getPoster(e){
  e.preventDefault();

  //var id = document.getElementbyId("id");

  var url = "http://www.omdbapi.com/?i=" + id;

  fewd.getJSON(url, updatePoster);             
    
}

最佳答案

事件对象具有引用触发事件的 DOM 元素的属性 target

function getPoster(e){
   e.preventDefault();
   var url = "http://www.omdbapi.com/?i=" + e.target.id;
   fewd.getJSON(url, updatePoster);             
 }

关于javascript - 如何提取动态生成元素的id?,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/24005521/

相关文章:

javascript - 如何在没有任何请求的情况下获取 Node js/express js 上的主机名

javascript - 对象数组中的html表单搜索

javascript - 查找输入字段中编辑文本的位置

javascript - Click on GWT FlowPanel 的处理方式是什么

javascript - 从外部触发 Raphael 事件

javascript - 当鼠标放在子级上时取消单击父级

javascript - React.js-具有行跨度的动态表

javascript - Chrome 键事件 Alt 键锁定

javascript - 如何将 "gulp-uncss"添加到 "gulp-usemin"

javascript - Onclick 应用于许多元素,第二次单击时触发