鍍金池/ 問答/HTML/ 使用append()出現(xiàn)錯誤

使用append()出現(xiàn)錯誤

<!DOCTYPE html>
<html>
    <head>
        <meta charset="UTF-8">
        <title></title>
        <script type="text/javascript" src="js/jquery-3.3.1.js" ></script>
        <script>
            //模擬從后臺返回的數(shù)據(jù)
            var data=[
                {
                    id: "one",
                    name: "小明",
                    department: "兒科",
                    position: "主任醫(yī)師，科主任",
                    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>

小白，不知道為什么運行起來會出現(xiàn)如下錯誤提示：
[Web瀏覽器] "Uncaught TypeError: undefined is not a function" /myTest/new_file.html (28)
謝謝。

回答
編輯回答
逗婦乳

append() 是 jQuery 對象的方法 ，
document.getElementById("ml") 獲取的則是原生 DOM 對象，不存在 append()

所以你應該

$("#ml").append(a);
2017年11月11日 01:27
編輯回答
尋仙

寫的問題
append(a)啊

<!DOCTYPE html>

<html>

<head>
    <meta charset="UTF-8">
    <title></title>
    
</head>
<body>
    <div id="muban">
        <ul id="ml">
        </ul>
    </div>
    <script src="https://cdnjs.cloudflare.com/ajax/libs/snap.svg/0.5.1/snap.svg-min.js"></script>

    <script>
    var data=[
            {
                id: "one",
                name: "小明",
                department: "兒科",
                position: "主任醫(yī)師，科主任",
                description: "小明的介紹小明的介紹小明的介紹小明的介紹小明的介紹"
            }
        ];
        for(var i = 0;i < data.length;i++){
            var a = "<li>姓名：" + data[i].name +"</li>";
            document.getElementById("ml").append(a);
        }
    </script>
</body>

</html>

clipboard.png

2018年7月3日 04:25
編輯回答
巫婆
document.getElementById("ml").innerHTML += a;
2018年5月24日 08:53