Javascript 任务-濒危物种。如何解决这个问题?为什么我能';t读取属性';长度';未定义的。问题描述如下

Javascript 任务-濒危物种。如何解决这个问题?为什么我能';t读取属性';长度';未定义的。问题描述如下,javascript,Javascript,HTML div元素包含按大陆和物种种群状态分组的濒危物种列表 <div> <ul data-continent="North America"> <li data-species="California condor">Critically Endangered</li> <li data-species="American bison">Nea

HTML div元素包含按大陆和物种种群状态分组的濒危物种列表

<div>
   <ul data-continent="North America">
      <li data-species="California condor">Critically Endangered</li>
      <li data-species="American bison">Near Threatened</li>
   </ul>
   <ul data-continent="Europe">
      <li data-species="Cave bear">Extinct</li>
   </ul>
</div>

  • 极度濒危
  • 近危
  • 灭绝
实现“濒危物种”功能,返回特定大陆上物种的濒危程度。 例如,濒危物种(‘北美’、‘美洲野牛’)应返回‘接近受威胁’

我的尝试:

功能濒危物种(大陆,物种){
让div=document.querySelector('div').children;
让状态=“”;
for(设i=0;i

  • 极度濒危
  • 近危
  • 灭绝

这比你想象的要简单

const濒危物种=(大陆,物种)=>文件
.querySelector(`div[data Continental=“${Continental}]”`)
.querySelector(`[data species=“${species}]”`);
console.log(
濒危物种(“北美”、“美洲野牛”)
)
console.log(
濒危物种(“欧洲”、“洞穴熊”)
)

  • 极度濒危
  • 近危
  • 灭绝

我给你写了一个片段。请添加相关代码。我们缺少
getStatus
@mplungjan I'v已经添加了“getStatus”函数,我没有在下面的代码中写入它。有关列表,请参阅更新