为什么显示不出来

来源:2-4 编程练习

慕仔2174320

2019-09-02 22:15:28

<!DOCTYPE html>

<html>

<head>

    <meta charset="UTF-8">

    <title>模版字符串</title>

</head>


<body>

    <script src="https://cdn.bootcss.com/jquery/1.12.4/jquery.js"></script>

    <script type="text/javascript">

    const tmpl = function() {

        return {

            title: "前端",

            data: [{

                title: '布局基础',

                date: ["html", "css"]

            }, {

                title: '网页特效',

                date: ["javascript", "jquery"]

            }, {

                title: '框架',

                date: ["bootstrap", "vue"]

            }]

        }

    }

    // 补充代码

    const {title,data} = tmpl();

    var arr = [];

    arr.push(`<caption>${title}</caption>`)

    data.forEach(function(item){

        arr.push = `<tr><td>${item.title}</td><td>${item.date[0]}</td><td>${item.date[1]}</td></tr>`

    })

    var table = document.createElement('table');

    table.style.border = '1px solid #fff';

    table.innerHTML = arr.join('');

    document.body.appendChild(table);

    </script>

</body>

</html>


写回答

1回答

好帮手慕言

2019-09-03

同学你好,如果以下面的这种写法,push会作为arr的一个属性,

http://img.mukewang.com/climg/5d6dd53a0001911a13020111.jpg

可以打印一下:

http://img.mukewang.com/climg/5d6dd5730001a0d908230124.jpg

可以声明一个变量用来存放内容,然后放到数组里面。

http://img.mukewang.com/climg/5d6dd5cb00012f0a13550205.jpg

可以打印一下看控制台:

http://img.mukewang.com/climg/5d6dd5f900017bcb17250162.jpg

给table标签添加一个边框。

http://img.mukewang.com/climg/5d6dd6600001d17005830138.jpg

页面效果:

http://img.mukewang.com/climg/5d6dd67a00018fb602750145.jpg

如果帮助到了你,欢迎采纳~祝学习愉快~

0

0 学习 · 10739 问题

查看课程