请问老师有更简便的方法吗？
<!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 list = document.querySelector('#list');
let htmlStr = '';
let arr = [];
for (const [key, value] of Object.entries(classfies)) {
arr.push("<dl>")
arr.push(`<dt>${key}</dt>`)
for (let i = 0; i < value.length; i++) {
const el = value[i];
arr.push(`<dd>${el}</dd>`)
}
arr.push("</dl>")
}
htmlStr = arr.join('')
list.innerHTML = htmlStr
</script>
</body>
</html>
正在回答
同学你好，代码是对的，很棒！这种方式就是比较简单的了，目前没有更简单的方式了。
祝学习愉快！
相似问题
登录后可查看更多问答，登录/注册
恭喜解决一个难题，获得1积分~
来为老师/同学的回答评分吧
0 星