javascript - 无法读取 null 的属性“insertAdjacentHTML”
问题描述
当我尝试将新作业渲染到 DOM 时,会显示上述错误。模板文字从我的 Job.js 文件中的 getJob() 函数中选择数据。当我从查询搜索中单击特定工作时,id 选择起作用。但是,当我执行相同的单击时,以下元素不会显示在 DOM 中。为什么我选择的元素为空?
JS代码:
export const renderJob = job => {
const markup = `
<figure class="job__fig">
<h1 class="job_role">${job.title}</h1>
<h1 class="company_name">${job.company}</h1>
<h3 class="job_location">${job.location}</h3>
<img src="${job.logo}" alt="${job.title}" class="job_img">
<p class="job_description">${job.description}</p>
<p class="job_URL">${job.redirectURL}</p>
<p class="job_createdAt">${job.createdAt}</p>
</figure>
`;
elements.job.insertAdjacentHTML('afterbegin', markup);
};
HTML 标记:
<div class="job">
<!--
<figure class="job__fig">
<h1 class="job_role">Frontend Engineer</h1>
<h1 class="company_name">Amazon</h1>
<h3 class="job_location">Remote</h3>
<img src="${job.logo}" alt="${job.title}" class="job_img">
<p class="job_description">Amazon is looking...</p>
<p class="job_URL">https://www.linkedin.com/jobs/view/frontend-engineer-studios-applications-at-amazon-1987071787/?utm_campaign=google_jobs_apply&utm_source=google_jobs_apply&utm_medium=organic</p>
<p class="job_createdAt">09/26/2020</p>
</figure>
-->
</div>
解决方案
推荐阅读
- python - 如何使用公会。有后台任务?不和谐.py
- java - Spring Batch托管事务回滚时重试不起作用
- java - 如何在查找路径时从 Java 递归问题中添加一些内容?
- sql - AnalysisException:选择列表中不支持子查询
- node.js - 如何在解析器中从 GraphQL 客户端获取 IP?
- javascript - 如何在 NodeJS 上使用 nanoid 模块?
- ruby-on-rails - Rails 6 Capistrano 部署失败:检测到损坏的 hmac
- python - 将成员分组到单独的文件时,带有 autodoc“重复对象描述”的 Sphinx 警告
- java - 在我的项目中找不到任何自定义类
- python - Kivy - 创建一个图像按钮