请老师检查下

来源:4-4 编程练习

慕妹4337267

2021-01-23 22:48:28

<!DOCTYPE html>
<html lang="en">
<head>
   <meta charset="UTF-8"/>
   <title>Object.entries()</title>
</head>
<body>
<div id="list">
   <!--html结构参考如下:-->
   <dl>
       <dt>前端</dt>
       <dd>Vue</dd>
       <dd>Vue</dd>
       <dd>Vue</dd>
   </dl>
</div>
<script>
   var classfies = {
"前端": ["Vue", "Angular", "React"],
       "后端": ["Php", "Java", "Python"]
}

let div = document.getElementById('list')
let htm = ''
   let dd = ''

   for(let [k,v] of Object.entries(classfies)){
for(let i=0;i<v.length;i++){
dd += `<dd>${v[i]}</dd>`

       }

htm += `<dl><dt>${k}</dt>${dd}</dl>`
       console.log(htm)
dd = ''
   }
div.innerHTML = htm
</script>
</body>
</html>

写回答

1回答

好帮手慕久久

2021-01-24

同学你好,效果正确,很棒,祝学习愉快!

0

0 学习 · 15276 问题

查看课程