请老师看看有没有需要改善的地方

来源:4-4 编程练习

qq_慕用6596887

2020-11-08 21:09:13

# 具体遇到的问题

# 报错信息的截图

# 相关课程内容截图

# 尝试过的解决思路和结果

# 粘贴全部相关代码,切记添加代码注释(请勿截图)

<!DOCTYPE html>
<html>
<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 html = '';
    for (const [key,value] of Object.entries(classfies)) {
        html += `<dt>${key}</dt>`
        for (let item of value) {
            html += ['<dd>',item,'</dd>'].join('');
        }
    }
    var list = document.getElementById('list');
    list.innerHTML = html;
</script>
</body>
</html>

写回答

2回答

好帮手慕鹤

2020-11-09

同学你好,代码效果实现了哦,非常棒,继续加油!

祝学习愉快!

0
higorous阿炎
h html+= ['<dd>',item,'</dd>'].join(''); 还有更好方法吗?这段前面方括号看不懂额。
h020-11-21
共1条回复

好帮手慕码

2020-11-21

“Vigorous阿炎”同学你好,方括号表示一个数组哦。如果觉得这种思路不好理解,可以参考同学另外一个提问,老师已经做出了回复:https://class.imooc.com/course/qadetail/265893

祝学习愉快~

0

0 学习 · 15276 问题

查看课程