使用append()出现错误

<!DOCTYPE html>

<html>

    <head>

        <meta charset="UTF-8">

        <title></title>

        <script type="text/javascript" src="js/jquery-3.3.1.js" ></script>

        <script>

            //模拟从后台返回的数据

            var data=[

                {

                    id: "one",

                    name: "小明",

                    department: "儿科",

                    position: "主任医师,科主任",

                    description: "小明的介绍小明的介绍小明的介绍小明的介绍小明的介绍"

                }

            ];

        </script>

    </head>

    <body>

        <div id="muban">

            <ul id="ml">

            </ul>

        </div>

        <script>

            for(var i = 0;i < data.length;i++){

                var a = "<li>姓名:" + data[i].name +"</li>";

                document.getElementById("ml").append(a);

            }

        </script>

    </body>

</html>

小白,不知道为什么运行起来会出现如下错误提示:

[Web浏览器] "Uncaught TypeError: undefined is not a function" /myTest/new_file.html (28)

谢谢。


红颜莎娜
浏览 481回答 3
3回答

汪汪一只猫

append()&nbsp;是 jQuery 对象的方法 ,document.getElementById("ml")&nbsp;获取的则是原生 DOM 对象,不存在&nbsp;append()所以你应该$("#ml").append(a);

收到一只叮咚

document.getElementById("ml").innerHTML&nbsp;+=&nbsp;a;
打开App,查看更多内容
随时随地看视频慕课网APP

相关分类

JavaScript