老师请检查
来源：4-4 编程练习
DB1时间的玫瑰
2021-09-03 10:57:04
<!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>
const list = document.getElementById('list');
var classfies = {
"前端": ["Vue", "Angular", "React"],
"后端": ["Php", "Java", "Python"]
}
/*补充代码*/
// 声明一个保存列表结构的变量htmlStr
let htmlStr = '';
// 使用遍历对应生成两组dl>dt>dd标签
for (const [key, value] of Object.entries(classfies)) {
htmlStr += `<dl>`;
const arr = ['<dt>', key, '</dt>'];
htmlStr = arr.join('');
var str2 = '';
for (const v of value) {
const arr1 = ['<dd>', v, '</dd>'];
str2 += arr1.join('');
}
htmlStr += `${str2}`;
htmlStr += '</dl>';
}
list.innerHTML = htmlStr;
</script>
</body>
</html>
1回答
-
同学你好，效果不对，没有dl标签，也没有前端内容
代码中这里需要改为+=，拼接上前面的内容
祝学习愉快！
0
