时间戳

首页 > 解决方案 > 在 Django 项目中使用时，Javascript 查询选择器不读取类和 ID

javascript - 在 Django 项目中使用时，Javascript 查询选择器不读取类和 ID

问题描述

当我在 Django 文件之外工作时，一切都可以正常使用 javascript 读取类和 Id

document.querySelector('.class_name').addEventListener

但是当在 Django 项目中加载时，它会给出一个错误，即 eventlistner 无法读取 NULL。

{% comment %} css file for contacts.html {% endcomment %}
<script type="text/javascript" src="{% static 'info/js/for_recrs.js' %}"></script>
<link href="{% static 'info/css/for_recrs.css' %}" rel="stylesheet" type="text/css" />
{% endblock %}

标签： javascriptdjango

解决方案

实际上，如果您在 head 中声明 JS 文件，它会在那时自己读取它，而无需通过 HTML 文件。因此，它读取类和 ID 的空值。为避免这种情况，您可以在正文之前声明脚本文件。或使用

window.onload = function() {
// do your stuff here.
}

它解决了我的问题。

推荐阅读