老师您看写的有不规范的么

老师您看写的有不规范的么

<!DOCTYPE html>
<html>

<head>
<meta charset="UTF-8">
<title>Document</title>
</head>

<body>
<script type="text/javascript">
let arr = ["前端", "jquery", "javascript", "html", "css"];
//补充代码
let ul = document.createElement("ul");
let body = document.querySelector("body");
let aaa =[];
arr.forEach((values) =>{
aaa.push ( `<li>${values}</li> `);
})
ul.innerHTML = aaa.join("");
body.appendChild(ul);


</script>
</body>
</html>


正在回答

登陆购买课程后可参与讨论,去登陆

2回答

同学你好,如下这样写表示给null添加html结构,而因为null没有innerHTML属性,所以会报错。

http://img1.sycdn.imooc.com//climg/6035aab2099906a904690121.jpg

一般元素才会有innerHTML属性,表示在某一个html元素中添加html结构。同学再看一下老师的代码,是在ul元素中添加li结构的哦。

http://img1.sycdn.imooc.com//climg/6035ab25097d69bd04510120.jpg

祝学习愉快~


好帮手慕夭夭 2021-02-23 19:08:20

同学你好,代码是正确的哦,可以优化一下,不需要再创建一个新数组了,直接把内容添加到ul中即可。如下:

http://img1.sycdn.imooc.com//climg/6034e21a0911d8a505240203.jpg

祝学习愉快~

  • 提问者 lunaliu #1

    老师,我刚开始是这样写的,置空为啥会报错呢?

    http://img1.sycdn.imooc.com//climg/6034e3df0906660107150352.jpg

    2021-02-23 19:16:03
问题已解决,确定采纳
还有疑问,暂不采纳

恭喜解决一个难题,获得1积分~

来为老师/同学的回答评分吧

0 星
请稍等 ...
意见反馈 帮助中心 APP下载
官方微信

在线咨询

领取优惠

免费试听

领取大纲

扫描二维码,添加
你的专属老师