请老师检查下
来源: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
同学你好,效果正确,很棒,祝学习愉快!
相似问题