我阅读了有关此内容的内容，似乎查询选择器找不到该类。因此，返回null。 我尝试了这里提供的最后一个解决方案： document.querySelector(…) is null error 并且控制台没有给出任何错误。但是，没有任何反应。尝试
<%= form_with model: @article,url: user_articles_path(@user), local: true do |form| %>
<% if @article.errors.any? %>
<div id="error_explanation">
<h2>
<%= pluralize(@article.errors.count, "error") %> prohibited
this article from being saved:
</h2>
<ul>
<% @article.errors.full_messages.each do |msg| %>
<li><%= msg %></li>
<% end %>
</ul>
</div>
<% end %>
<p>
<%= form.label :Task %><br>
<%= form.text_field :title %>
</p>
<p>
<%= form.label :Deadline %><br>
<%= form.text_area :text %>
</p>
<p>
<%= form.label :tag_list, "Tags (separated by commas)" %><br />
<%= form.text_field :tag_list %>
</p>
<p>
<%= form.submit %>
</p>
<% end %>
不向控制台显示任何消息。
cosole.log(document.querySelector('wordImage');
答案 0 :(得分：3)
querySelector接受 CSS选择器。这段代码使用了 tag 选择器：
const wordImage = document.querySelector('word-image');
也就是说，它将查找带有标签word-image的元素，如下所示：
<word-image>...</word-image>
class 选择器以.开头：
const wordImage = document.querySelector('.word-image');
请参阅：