如何从 HTML 中选择 DOM 元素 由 rails 助手生成的 HTML image_tag

How to select DOM elements from HTML generated by rails helpers like image_tag?

本文关键字:HTML image tag 选择 DOM 元素 rails      更新时间:2023-09-26

我有一个将 DOM 元素作为参数的 javascript 构造函数,我想传入从这个 rails 助手生成的图像:

导轨助手:

<%= image_tag("/images/" + photo.file_name) %>

.JS:

function Tagger(element) {
     this.photo = element;
     ...
}

不使用像jQuery这样的外部库的解决方案会很棒。

这样

的事情就足够了吗?

<%= image_tag("/images/" + photo.file_name, id: 'my_image_id') %>
<script>
  var element = document.getElementById('my_image_id');
   Tagger(element);
</script>

建议:如果你正在使用Rails,我建议使用jQuery(我知道你要求一个没有jQuery的解决方案),因为Rails默认提供它,它会让你的生活更轻松。