如何解决无法读取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>
版权声明:本文内容由互联网用户自发贡献,该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 dio@foxmail.com 举报,一经查实,本站将立刻删除。